Tutorial React JS Basic Untuk Pemula | #11 useContext (State / Variabel Global)
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 sebuah state/ variabel global yang bisa digunakan pada components apapun yang dibungkus oleh context ini, pada materi kali ini kalian akan belajar membuat state bahasa global dan juga bisa merubah bahasa secara global di components apapun. Silahkan ikuti videonya temen temen semua.
Hal yang Dibutuhkan :
(Dokumentasi useContext) https://react.dev/reference/react/use...
(Dokumentasi createContext) https://react.dev/reference/react/cre...
(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 useContext
00:19 Pengenalan createContext
00:31 Alasan Pakai State Global
00:39 Apa itu Props Drilling
01:16 Solusi Props Drilling
01:35 Start & Skema Materi
01:48 Cara 1 : Contoh Props Drilling
02:47 Konsep Props Drilling
04:09 Masalah Props Drilling
04:47 Cara 2 : Solusi useContext
06:09 Bungkus App dengan Context
06:52 Value Context
07:57 Coba Getter useContext di Page
09:33 Preview Getter useContext
09:45 Coba Setter useContext di Page
11:04 Preview Setter useContext
11:36 Implementasi useContext di Level 3
12:08 Preview useContext Level 3
12:27 Penjelasan State Global
12:50 Implementasi Ternary Operator
13:14 Preview Ternary Operator
13:23 Kesimpulan
13:39 Closing
tag :
#reactjs #reactjsforbeginners #ReactUntukPemula #WebDevelopment #FrontendDeveloper #tutorial #frontenddevelopment #reactjsdevelopment #tailwindcss #daisy #dailyvlog #reactjavascript #reactrouter #frontend #reactrouterdom #usecontext #reactcontext
Nesta página do site você pode assistir ao vídeo on-line Tutorial React JS Basic Untuk Pemula | #11 useContext (State / Variabel Global) duração hora minuto segundo em boa qualidade , que foi baixado pelo usuário fajriyan 07 Dezembro 2025, compartilhe o link com seus amigos e conhecidos, no youtube este vídeo já foi visto 50 vezes e gostou 2 espectadores. Boa visualização!
