Belajar Pemrograman

Comments · 145 Views

Artikel ini berisi catatan atau dokumentasi saya selama menjadi programmer. Saya akan selalu meng-update artikel ini setiap kali ada hal yang perlu saya catat. Catatan Pemrograman ini berisi rangkuman dan dokumentasi Frontend, JavaScript, React JS, Node JS dan masih banyak lagi.

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:

  1. Standalone widget
  2. Single child widget
  3. 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

Comments