TUTORIAL REACT UNTUK PEMULA SAMPAI MENJADI MAHIR (PART 1)

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

React Part 2 ⇒ https://www.youtube.com/watch?v=niBW2bCk_C8
React Hooks ⇒ https://www.youtube.com/watch?v=pAtMS13VihU&t

github project : https://github.com/KenapaCoding/react-tutorial-pemula-bagian1
data : https://github.com/KenapaCoding/react-tutorial-pemula-bagian1/blob/main/src/data/product.js

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!

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 semuanya.

Видео TUTORIAL REACT UNTUK PEMULA SAMPAI MENJADI MAHIR (PART 1) канала Kenapa Coding