Tutorial React JS Basic Untuk Pemula | #11 useContext (State / Variabel Global)

Pubblicato il: 07 dicembre 2025
sul canale di: fajriyan

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

In questa pagina del sito puoi guardare il video online Tutorial React JS Basic Untuk Pemula | #11 useContext (State / Variabel Global) della durata di ore minuti seconda in buona qualità , che l'utente ha caricato fajriyan 07 dicembre 2025, condividi il link con amici e conoscenti, su youtube questo video è già stato visto 50 volte e gli è piaciuto 2 spettatori. Buona visione!

11,267