Saya membuat catatan ini sebagai dokumentasi agar memudahkan saya ketika mencari solusi dari kasus yang pernah saya temui di dunia pemrograman.
Catatan Frontend
Pada bagian ini berisi catatan tentang pemrograman frontend.
React JS
React adalah library JavaScript front-end yang open-soruce dan gratis untuk membangun antarmuka pengguna berdasarkan komponen UI. React dikelola oleh Meta (Facebook) dan komunitas pengembang individu dan perusahaan.
Mendapatkan query params menggunakan React Router 6
Untuk mendapatkan query params menggunakan React Router 6, kita bisa menggunakan useSearchParams
.
const [searchParams] = useSearchParams();
const id = searchParams.get('id');
Pada contoh kode di atas, digunakan untuk mendapatkan nilai dari parameter id.
Flutter
Flutter adalah sebuah framework open-source yang dikembangkan oleh Google untuk membuat aplikasi mobile Android dan iOS dengan satu basis code. Dirilis pada Mei 2017 ditulis menggunakan bahasa pemrograman Dart. Flutter dirancang untuk memberi kemudahan kepada para programmer mobile dalam membangun aplikasi mobile multi platform dengan performa “native” dengan cepat.
Klasifikasi widget pada scaffold di Flutter
Widget-widget dibawah dari scaffold, dapat diklasifikasikannya menjadi 3 kelompok, yaitu:
- Standalone widget
- Single child widget
- Multiple children widget
Standalone widget
Standalone widget adalah jenis widget yang tidak mengandung widget lain. Mereka memiliki fungsi tertentu dan biasanya digunakan oleh jenis widget lainnya untuk mengisi konten, atau untuk sekedar menjadi styling properties. Contoh dari Standalone widget adalah:
- AppBar
- ImageAsset
- Icon
- Text
- TextStyle
Contoh: Text("Belajar Flutter");
Single child widget
Singe child widget adalah widget yang hanya dapat memiliki SATU widget di dalamnya. Tipe widget ini memiliki properti yang bernama "child" digunakan untuk memasukan widget lain kedalam single child widget. Contoh dari single child widget yaitu:
- Center
- Container
- Expanded
- CircleAvatar
- RaisedButton
- dll
Contoh:
Container(
child: Text("Belajar Flutter"),
);
Multiple children widget
Widget ini dapat memiliki lebih dari satu widget di dalamnya. Tentu dalam setiap aplikasi pasti kita membutuhkan seperti kolom atau baris baik untuj layout ataupun konten. Untuk membuat hal seperti itu maka widget multiple children ini yang kamu butuhkan. Ciri dari widget ini yaitu memiliki properties yang bernama "children". Contoh untuk multiple children widget yaitu:
- Row
- Column
- GridView
- Stack
- dll
Contoh:
Column(
children: Widget[
Text('Ayo Belajar Flutter'),
Text('di BelajarFlutter.com'),
],
)
p