TUTORIAL REACT UNTUK PEMULA SAMPAI MENJADI MAHIR (PART 1)

Опубликовано: 20 Март 2026
на канале: Kenapa Coding
26,570
1k

Video ini adalah bagian video tutorial part 1 react untuk pemula menjadi mahir.

React Part 2 ⇒    • TUTORIAL REACT UNTUK PEMULA SAMPAI MENJADI...  
React Hooks ⇒    • TUTORIAL REACT HOOKS : BAHAS SEMUA HOOKS D...  

github project : https://github.com/KenapaCoding/react...
data : https://github.com/KenapaCoding/react...

source image : unsplash.com

💰List Materi Konten💰
(0:00:00) Introduction
(0:04:01) Apa Itu React Js
(0:06:29) Program Pertama Dengan Reactjs
(0:11:08) Setup Project React
(0:18:52) Apa Itu JSX
(0:20:31) Contoh JSX Dan Non-jsx
(0:23:46) Menggunakan Variable Di JSX
(0:27:49) React Component
(0:28:32) Fuctional Component VS Class Component
(0:32:29) Class Component Layout
(0:34:20) Styling, Kesimpulan dan Praktek
(0:48:33) React Props And Reusable Component
(0:56:40) Split Code
(0:59:21) Challenge Props …(1)
(1:07:32) Menampilkan List Data Di React
(1:14:22) Challenge List …(2)
(1:18:04) Event Handler Di React
(1:26:13) React State
(1:27:06) Contoh: Tanpa State Vs State
(1:37:24) Penjelasan Sintax State (useState Hook)
(1:39:27) Conditional Rendering
(1:40:31) Conditional Rendering …if else (2)
(1:44:09) Conditional Rendering …ternary (3)
(1:50:36) Conditional Rendering …logical operator
(1:53:53) Praktek Event Handler, State dan Conditional Rendering
(2:16:30) HandleForm di React
(2:17:20) Contoh Form
(2:27:55) Handle Multiple Input Form
(2:29:50) Spread Operator (optional)
(2:52:57) Komunikasi Child Ke Parent Komponen
(3:01:40) Project (1) Membuat CRUD Product Tanpa API
(3:06:40) Design Komponen dan State Aplikasi
(3:13:52) Praktek (Read) Display List Product serta Diagram
(3:19:26) Praktek Create Product serta Diagram
(3:50:26) Praktek Diagram Delete Product serta Diagram
(4:08:06) Praktek Edit Product serta Diagram
(4:54:38) Terima Kasih!

📀 Temukan video lainnya dengan akses lengkap di Udemy!
🔗 Link Course Udemy :
👉 https://kenapacoding.short.gy/nextjs-... [course next]
👉 https://kenapacoding.short.gy/laravel... [course laravel]
👉 https://kenapacoding.short.gy/react-t... [course react]
👉 https://kenapacoding.short.gy/tailwin... [course tailwind]
👉 https://kenapacoding.short.gy/mysql [course mysql]
👉 https://kenapacoding.short.gy/data-an... [course data science]
🚨 DISKON SPESIAL! COURSE KENAPA CODING UDEMY CUMA 99K!🚨
⏰ DISKON ADA 3 Kali Setiap Bulannya
🎁 Bayar Sekali Akses Seumur Hidup
🔥 Belajar coding murah, akses seumur hidup!
🚀 Update materi gratis, belajar kapan saja!

Jangan sampai ketinggalan update video terbarunya dengan cara aktifkan lonceng channel youtube Kenapa Coding. Semoga ilmunya bermanfaat dan mampu dipahami dengan baik. Untuk koreksi, saran, pertanyaan maupun hal lainnya silahkan tinggalkan jejak di kolom komentar dibawah video ini ya. Selamat menonton!

Mohon dukungannya dengan cara subscribe, like, komen dan share😎
Support dengan cara yang lain? Bisa banget disini : https://saweria.co/kenapacoding
Terima kasih dan selamat belajar!