Tutorial React JS Basic Untuk Pemula | #10 useReducer (React Hook)

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 membuat state lebih dari 1 cukup menggunakan useReducer. useReducer juga bisa disebut sebagai alternatif dari useState, kalian hanya perlu membuat state saja dengan initial state dan kalian bisa mengisinya dengan apapun didalamnya. Pada materi ini kalian juga akan belajar terkait apa itu Try Catch dan juga apa itu Ternary Operator. Silahkan ikuti materinya di video ini. Terimakasih


Hal yang Dibutuhkan :
(Dokumentasi useCallback) https://react.dev/reference/react/use...
(Dokumentasi useMemo) https://react.dev/reference/react/use...
(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:09 Pengenalan useReducer
00:36 Start Project
01:00 Implementasi tanpa useReducer
01:50 Try & catch
02:54 Render Loading (Ternary Operator)
03:52 Render Error (Ternary Operator)
05:50 Permasalahan useState
06:10 Implementasi useReducer
06:36 Initial Value useReducer
07:22 Function/Action useReducer
10:03 Spread Operator
10:57 Lanjutan useReducer
11:41 useReducer pada Function Fetch
14:03 Console Log Hasil useReducer
15:06 Render Loading useReducer (Ternary Operator)
15:43 Render Error useReducer (Ternary Operator)
16:15 Preview Loading & Error useReducer
16:33 Render Data dari useReducer
17:25 Preview Hasil Data
17:31 Perbedaan useState & useReducer
18:17 Bersihkan useState
18:41 Cek Hasil Kembali
18:48 Kesimpulan
19:00 Spoiler
19:15 Closing


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