Tutorial React JS Basic Untuk Pemula | #08 React Memo & Container Presentational Components

Halo teman-teman pada series kali ini kita akan belajar terkait dengan "React JS Basic". Materi ini ditujukan untuk kalian yang ingin belajar React JS Berbahasa Indonesia dari nol hingga bisa membangun project web modern dengan JavaScript.

Di materi ini kalian akan belajar untuk memisahkan antara Logic dan View pada React js, ini berfungsi untuk membuat code lebih mudah dibaca serta lebih clean. Pada materi ini kalian juga belajar terkait dengan React Memo yang bertujuan untuk menghindari Re-Render sebuah Components jika props yang dikirim tidak berubah isinya.


Hal yang Dibutuhkan :
(Dokumentasi Memo) https://react.dev/reference/react/memo
(Store API) https://fakestoreapi.com/docs
(Plugin TailwindCSS) https://daisyui.com/
(Runtime) https://nodejs.org/en/download
(Build Tools) https://vite.dev/
(Code Snippets) https://marketplace.visualstudio.com/...
(Code Formater) https://marketplace.visualstudio.com/...

Referensi Video:
https://react.dev
https://id.react.dev/

Follow Juga :
https://github.com/fajriyan
  / fajriyan  
  / fajriyan.nur  


Timestamp :
00:00 Intro
00:11 Pengenalan Materi
00:41 Apa Itu Memo
00:52 Implementasi Container Presentational Componnets
01:21 Page Produk (CPC)
01:51 Manfaat Container Presentational Componnets
02:05 Lanjutan Page Produk
03:14 Update Routing App.jsx
03:43 Preview Hasil Page Produk
03:52 Page Single Produk (CPC)
04:49 Pastikan Routing Sudah Benar
05:00 Preview + Problem Solving Page Single Produk
05:33 Implementasi Memo
06:21 Fungsi Memo
06:39 Perbedaan (Pakai Memo vs Tidak Pakai Memo)
08:03 Preview Hasil Perbedaan
08:08 Tanpa Memo
08:34 Pakai Memo
09:20 Kesimpulan
09:36 Closing



tag :
#reactjs #reactjsforbeginners #ReactUntukPemula #WebDevelopment #FrontendDeveloper #tutorial #frontenddevelopment #reactjsdevelopment #tailwindcss #daisy #dailyvlog #reactjavascript #reactrouter #frontend #reactrouterdom #memo