React dengan TypeScript: Panduan Lengkap Pemula hingga Mahir [ BAGIAN AWAL ]

🎓 Belajar Lebih Mendalam di Udemy! 🎓

Video ini adalah bagian dari kursus berbayar lengkap yang tersedia di Udemy. Dapatkan akses ke semua bagian tutorial, materi tambahan, dan pembelajaran terstruktur hanya di kursus kami!

📀 Dapatkan akses lengkapnya di Udemy!
🔗 Link Course Udemy : https://kenapacoding.short.gy/react-t... [course react]
🚨 DISKON SPESIAL! COURSE KENAPA CODING UDEMY CUMA 99K!🚨
🚨 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!
💻 Source Code:
Semua source code yang digunakan dalam video ini tersedia di GitHub. Klik link di bawah untuk mengakses:
👉 GitHub Materi Repository : https://github.com/KenapaCoding/react...
👉 GitHub Todo List Repository : https://github.com/KenapaCoding/react...

⏳ Timeline Video:
Berikut pembagian materi dalam video ini:
(00:00:00) - Intro
(00:00:49) - Pengumuman penting
(00:00:59) - Prasyarat
(00:01:56) - Pengenalan React
(00:06:19) - SPA
(00:10:46) - Konsep Virtual Dom
(00:18:31) - Pengenalan TypeScript
(00:26:07) - React dengan Vite
(00:29:27) - Setup Project
(00:35:23) - Struktur Folder
(00:43:54) - Bagaimana React Bekerja
(00:50:57) - Konsep jsx dan tsx
(01:05:40) - Single Root Element
(01:11:26) - Fragments
(01:15:20) - Display Data
(01:21:16) - Aturan jsx/tsx
(01:28:58) - React component
(01:31:38) - Class component
(01:36:48) - Function component
(01:42:18) - Props
(01:55:32) - Default props
(02:00:16) - Children props
(02:07:50) - List data
(02:16:21) - List data dengan props
(02:25:33) - Pengatar event handling
(02:27:02) - Tipe event
(02:27:43) - Event Click
(02:37:30) - Change Event
(02:44:31) - Keyboard Event
(02:50:56) - Form Event
(02:59:16) - State
(03:02:11) - State tipe string
(03:10:56) - State tipe number
(03:18:32) - State tipe object
(03:31:37) - State tipe array
(03:42:18) - State dengan form
(04:03:49) - Conditional rendering
(04:04:39) - If else
(04:13:47) - Ternary operator
(04:21:26) - Logical operator
(04:27:22) - Todo List App

📚 Sumber Pembelajaran Gratis:
Selain kursus ini, Anda juga dapat belajar melalui sumber-sumber gratis berikut:

Belajar JavaScript Gratis:    • Tutorial JavaScript Lengkap | Kenapa Coding  
Belajar HTML & CSS Gratis:    • Tutorial HTML dan CSS Lengkap dengan Project  
Belajar TypeScript Gratis:    • Tutorial TypeScript Lengkap | Kenapa Coding  

📀 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!