TUTORIAL REACT JS | BAHAS TUNTAS SEMUA MATERI
Вставка
- Опубліковано 10 лют 2025
- *Dukung Mimin atau Beliin Kopi di sini: [Saweria](saweria.co/ken...
---
💰 List Materi Konten 💰
(0:00:00) *Introduction*
(0:01:22) *Penjelasan Materi dan Tutorial*
(0:05:47) *SESI PERTAMA: DASAR-DASAR REACT*
(0:05:51) Apa Itu React Js
(0:08:19) Program Pertama Dengan React Js
(0:12:58) Setup Project React
(0:20:42) Apa Itu JSX
(0:22:21) Contoh JSX Dan Non-JSX
(0:25:36) Menggunakan Variable Di JSX
(0:29:39) React Component
(0:30:22) Functional Component VS Class Component
(0:34:19) Class Component Layout
(0:36:10) Styling, Kesimpulan, dan Praktek
(0:50:23) React Props dan Reusable Component
(0:58:30) Split Code
(1:01:11) Challenge Props
(1:09:22) Menampilkan List Data Di React
(1:16:12) Challenge List
(1:19:54) Event Handler di React
(1:28:03) React State
(1:28:56) Contoh: Tanpa State Vs State
(1:39:14) Penjelasan Sintaks State (useState Hook)
(1:41:17) Conditional Rendering
(1:42:21) Conditional Rendering: If Else
(1:45:59) Conditional Rendering: Ternary
(1:52:26) Conditional Rendering: Logical Operator
(1:55:43) Praktek Event Handler, State, dan Conditional Rendering
(2:18:20) Handle Form di React
(2:19:10) Contoh Form
(2:29:45) Handle Multiple Input Form
(2:31:40) Spread Operator (optional)
(2:54:47) Komunikasi Child Ke Parent Komponen
(3:03:30) Project CRUD Product Tanpa API
(3:08:30) Design Komponen dan State Aplikasi
(3:15:42) Praktek (Read) Display List Product
(3:21:16) Praktek Create Product
(3:52:16) Praktek Delete Product
(4:09:56) Praktek Edit Product
(4:56:20) *SESI BONUS: REACT HOOKS*
(4:58:33) Apa Itu Hooks?
(5:02:51) Penggunaan Hooks
(5:03:48) State Hooks
(5:05:37) useState
(5:20:45) useReducer
(5:31:18) useState vs useReducer
(5:34:22) Effect Hooks
(5:35:55) Effect Hooks: Diff
(5:37:39) useEffect
(5:49:55) useLayoutEffect
(5:52:51) useInsertionEffect
(5:55:25) Context Hooks
(5:55:17) useContext
(6:04:11) Ref Hooks
(6:04:45) useRef
(6:13:43) useImperativeHandle
(6:23:47) Performance Hooks
(6:24:16) useMemo
(6:39:44) useCallback
(6:48:09) Other Hooks
(6:48:27) useDebugValue
(6:58:52) useId
(7:05:59) Custom Hook
(7:12:23) *SESI KEDUA: REACT ADVANCE*
(7:13:27) API di React
(7:14:08) Flow Diagram tanpa API
(7:16:07) Bagaimana API bekerja
(7:17:38) Pengenalan JSON Server
(7:18:51) Setup JSON-SERVER
(7:30:58) REST API Client JSON Server
(8:16:11) Refactor dengan UseContext
(8:47:42) Routing dan React Router v6
(8:47:47) Apa Itu Routing
(8:49:28) Setup React Router
(9:01:38) Router Types
(9:08:03) Dynamic Routes dan useParams
(9:15:04) Specific Routes
(9:17:58) Nested Routes
(9:35:17) useRoutes Hooks
(9:47:08) Link dan NavLink Component
(9:59:23) Navigate dan useNavigate Hook
(10:06:09) Reference React Router
(10:07:45) *Redux di React*
(10:08:25) Apa Itu Redux
(10:09:47) Redux Design
(10:12:40) Redux Praktek: Todo List App
(10:12:48) Setup Project
(10:13:43) Penjelasan Package
(10:15:14) Todo List App Tanpa Redux
(11:16:03) Todo List App dengan Redux
(12:05:37) Redux Toolkit
(12:06:39) Redux Toolkit Design
(12:07:27) Redux Toolkit Praktek
(12:31:07) Redux Toolkit dengan Async Thunks
(13:13:50) *SESI PROJECTS*
(13:13:53) Project Quiz App
(15:17:52) Project Weather App
(16:12:34) Project Prayer App
(16:51:30) Project Portofolio App
(19:06:15) Soal Test Coding React
(21:39:59) Sertifikat Hackerrank
---
🌟 Link Penting Sesi 1:
github project : github.com/Ken...
data : github.com/Ken...
🌟 Link Penting Sesi Bonus:
Github : github.com/Ken...
🌟 Link Penting Sesi 2:
API di react : github.com/Ken...
Context : github.com/Ken...
React Router : github.com/Ken...
Redux Setup : github.com/Ken... branch setup
Redux Setup : github.com/Ken... branch todo-classic-redux
Redux Setup : github.com/Ken... branch redux-toolkit
🌟 Link Project Quiz App:
Github : github.com/Ken...
🌟 Link Project Weather App:
Github : github.com/Ken...
assets : drive.google.c...
🌟 Link Project Portofolio:
github : github.com/Ken...
assets : github.com/Ken...
css scroll: github.com/Ken...
🌟 Link Test Coding React:
Github : github.com/Ken...
channel programming paling perfect menurutku sih ini. full detail dan enak di pahami. semoga ini menjadi ladang pahala untuk mu bang. sukses trus aku pantau channel ini.
gabisa bantu sawer bang cuman bsa bantu subrek + like, mantep ni ilmu daging semuaa lanjut bang
Siyap bg aman, share2 jufa y bang
Baru kali ini dapat channel materi react berbahasa indonesia thanks bang semoga channel nya menyusul channel programmer yg lain sampe jutaan subs semangat
keren abis, nggk sabar pingin kesini tp masih mau khatamkan materi JS dulu 🔥
Baru kali ini dapat channel materi react berbahasa indonesia thanks bang semoga channel nya menyusul channel programmer yg lain sampe jutaan subs semangat 🔥
channel begini subscribernya masih mungil harusnya 100k minimal
terima kasih bang, kebetulan lagi mulai belajar react js dan dapet suggest ini
bersyukur banget nemu channel ini dari semester 1 ya allah😭
terima kasih banyak bang🙏🏻
sama sama bang, titip like dan share juga bang
thank you beradd bang ranggo, udah share materi sematang ini secara gratis, semoga rezekinya lancar terus ya bang 🙏
22 jam durasi, video tutorial paling panjang nih, mantab bang, sukses selalu
mantap bang modul pelajaran nya lengkap thanks, semangat bang
Keren, baru liat ada full tutorial react juga.
akhirnya nemu youtuber Indo selain mas eko yang bikin tutor panjang2 gini kayak programmer luar
Pak eko memamg terbaik
Versi FE
alhamdulillah selesai juga. ditunggu untuk react + typescript bang hehe
Gilaa lu bg.. Jangan cape jadi orang baik bg 🔥🔥
Sebagai seorang yang malas ngoding, lumayan juga videonya buat pengantar tidur. sukses selalu bro
MAKASIH YAA BANG ATAS ILMU NYA INI GILAK INI SI HARUSNYA UDAH 50K+ SUBSCRIBE
konten kek gini masih Sub 3K wah parah, harusnya 50K keatas ini, bantu share lur
Terimakasih bang, wajib share ga sih hehe
Selesai tonton sedikit demi sedikit selama hampir 2 Minggu per hari bervariasi ada yg 1/2 jam atau kadang 1 jam ...
Ini nanti ulangi lagi tapi lanjut dl JS yang 19 jam lagi dibagi per hari 1/2 jam sehingga bisa dicerna kalau tidak tdk masuk kalau semua dipaksakan seharian
masya allah, makasih banyak bang, berkah2
sama sama bang, titip like dan share juga bang
asli keren euy... makasih masse...
makasih mas, titip like dan share juga ya mas
Thanks for an awesome tutorial,
I love ur voice :)
Gila youtuber paling niat inimah
aamiin, bantu like dan share juga bang
mantep bat bang!!!
kereeen
Semangatts, udah sya sawerr 🔥🔥🔥🔥
gila keren banget bang ini, plise jangan di hapus ya bang
Terima kasih bang
Bagus bgt bang, saran segmen
semangat ngontennya bang... 🔥🔥🔥🔥😁😁
Thank you bang.. Padahal dari kemaren nyari2 tutorial react dan skrang udah di buatin hampir 24 jam😂...
Saran aja bang kalo videonya ada part2nya didalam satu video sebaiknya buatin timeline.. Semngat terus bang
sama sama bang, timeline nya udah ada bang, kadang suka ga muncul dari youtube, gatau kenapa, sekarang sudah saya perbaiki lagi
bismillah konsisten 🤠
mantap
What a dedicated🔥
Ya Allah ya Rasulullah... 22 jam belajar bisa selesai 22 bulan nih. Btw, terimakasih boskuhhhh
sama sama bang, titip like dan share juga bang
Subscriber baru nih bro... Smngat ngonten nya bro
Makasih bg, bantu like dan share juga ya bang
Gilee brooh, mantap🔥
yoi bang, titip like dan share juga bang
Otw sawerr mas🔥
makasih bang, beneran ya tapi wkwk
@@kenapacoding Udahhh mass, lanjut bikin tutorial Vue JS 🔥
terimakasih banyak bang saya sebagai karyawan it sangat terbantuuu😇😇
Sama sama bang, bantu like dan share jugaa ya bang
22 jam bg 😢.... semangat bg .....1 like 👍
Makasih bng, bantu like dan share y bg
keren bang semangat terus bang
Javascript baru setengah jalan dah ada tutorial baru lagi 22 jam GG lu bang. Sehat sehat ya
aamiin bang, titip like dan share juga bang
Mantappp lu bang ,
okkay bang, titip like dan share juga bang
Bang Buatkan Tutorial Full Course Lagi dong tentang REACT NATIVE EXPO
mantapp, habis ini bikin next tuntas ya Mas, setelah itu bikin marketplace dong biar bisa buat portofolio saya, Aamiin
noted bang, bantu like dan share juga ya bang
Sudah ku subs, dan like semoga eq mentok kanan bg secepatnya
Mantap semangat bang 👍
Okkay bang bantu like dan share ya bang
Kereeennn bang, kemarin yang JS 12 jam belum selesai udah muncul 22 jam
alhamdulillah bang, titip like dan share juga bang
Sedappp❤🔥💥
yoi bang, titip like dan share juga bang
@@kenapacoding aman bang 🔥
Keren...
Makasih ka, bantu like dan share juga ka
mantap! request next js, bang
Next udah ada bang kayanya coba cek
udah ada bang, tapi insyaallah bakal ada part-2 yang lagi di record ulang, karena kemaren ngerecordnya lagi batuk. boleh dicek dulu aja part 1 nya
nice bang
Ijin belajar bang
mantap jiwa... ada niatan bahas svelte ga bang?
Allahu akbar.. 22 jam gatuh... kalo belajar sambil ngikutin sambil praktek ga cukup 10 hari ini hehe.
btw kalo boleh saran, ditambahin chapters bisa bang? biar bisa loncat ke tema tertentu.
btw langsung subscribe sya
oke bang, ga kedetect tadi sama yt nya bang, sudah diperbaiki bang, terimakasih sudah mengingatkan, titip like dan share juga ya bang
@@kenapacoding nah in imantapp.. udah kelihat.... semangat terus berbagi kebaikan...
Semangat Mas
Terimakasih ka, bntu like dan share ya ka
Mantap bener bang 👍
Siyap bang, bantu like dan share y bang
mantappp bgg
siyap bang, yoi bang, titip like dan share juga bang
seru nih buat speedrun 😂
Gaas maang
Bang doakan keterima kerja abis itu bisa donate😊😊😊
PELAN-PELAN bg, santai saya baru di HTML dasar😓
siyap bang, titip like dan share juga bang
bg mau nanya knp installnya gk pke vite untuk react sekarang yg baru?
semoga ttap sehat bang
aamiin bang, titip like dan share juga bang
Barusan subscribe. Minta dibuatin chapter ya min biar enak ke section tertentu. trims
sudah diperbaiki bang, kadang suka ilang gatau kenapa padahal udah ada di deskripsi, makasih bang udah diingatkan, bantu like dan share juga ya bang
sudah sub. request firebase komplit
Yuk bikin konten react dalam studi kasus mas kek bikin landingpage
noted mas
@@kenapacoding oke ditunggu vidio ya mas
bang mau nya itu setting auto complete jsx bisa di js gitu gimana caranya gua pernah setting gitu tapi lupa
Auto sub. Watch later
Siyap bg, bantu like dan share juga ya bang
selanjutnya bahas GITHUB bang.. cara UPLOAD project, UPDATE, DELETE..
Siyap, noted bg
ga pake vite bang?🙏
bang kenapa lu baik banget sih🤣😭
Semoga jadi pahala aja bang, titip like dan share ya
Buset 22 jam. Ngeri bang 🥶🥶🥶
Hehehe, alhamdulillah bg, bantu like dan share y bnag
Request python bang, rame di perkuliahan
Gokil 22 jam 😅
yoi bang, titip like dan share juga bang
bg bikin tutorial Golang
noted bang, keduluan request php laravel sama typescript bang wkwk, tapi kalau nyampe 20 k subscriber gua bikinin wkwk 2 minggu jadi itu harusnya
untuk PHP MySQL belum ada ya min?
bang kata mamaku tutorialnya bagus
Saya harus terimakasih ke kk nya atau mamanya nih hehe
gimana kabarnya mas ranggo?
Oop mas afta, push rank push rank wkwk
ngeri 22 jam
Makasih bg, bantu like dan share y bang
mas link githubnya udah gak bisa ya?
sudah diperbaiki bang, terimakasih sudah mengingatkan, maaf ya bg
Typescript kapan bang😁😁
Otw bang, hehe, bantu like dan share ya bang
@@kenapacoding Siap bang, Di tunggu bang tutorialnya😁
bootcamp ga laku bang kalo gini mah 🤣
Ini lanjutan yg js bang?
Yang js masih ada 1 sesi lagi bnag, ini buat yang mau belajar frontend framework react bg, tapi kalau mau lanjut kesini juga bisa
bang ini harus belajar node js ga?
Harus install nodejs, tapi ga harus belajar nodejs
bg link githubnya gabisa
sudah diperbaiki bang, terimakasih sudah mengingatkan, maaf ya bg
omong kosong 22 jam, hahaha habiskan waktu lu yg guna disini
asli terasa kuliah 1 smster
Di kuliah gw ga ada belajar framework bjir parah wkwk
wkwk siyap bang, titip like dan share juga bang
waktu dalam 1 hari 24 jam, waktu seseorang, hanya tersisa 2 jam ketika dia berhasil menyelesaikannya 🥲🥲🥲🥲
hehehe semangat bang, bantu like dan share juga