#5 Semua Tentang COMPONENT | Tutorial REACT "Paling Masuk Akal" untuk PEMULA 🤩🌐
Mari kita bahas lebih lanjut mengenai COMPONENT untuk membuat aplikasi React sederhana menampilkan data Anime 😁
Source Code Starter Template:
https://github.com/sandhikagalih/belajar-react-untuk-pemula/tree/main/5-semua-tentang-component/starter-app
Referensi React:
– https://react.dev/learn/
– https://id.react.dev/learn/
Repository Belajar React WPU
https://github.com/sandhikagalih/belajar-react-untuk-pemula
Jalur Belajar React:
1. HTML Dasar
https://www.youtube.com/playlist?list=PLFIM0718LjIVuONHysfOK0ZtiqUWvrx4F
2. CSS Dasar
https://www.youtube.com/playlist?list=PLFIM0718LjIUBrbm6Gdh6k7ZUvPIAZm7p
3. CSS Layouting
https://www.youtube.com/playlist?list=PLFIM0718LjIUu4Ju9GUL5zpLcuq08TKYr
4. Javascript Dasar
https://www.youtube.com/playlist?list=PLFIM0718LjIWXagluzROrA-iBY9eeUt4w
5. Javascript DOM
https://www.youtube.com/playlist?list=PLFIM0718LjIWB3YRoQbQh82ZewAGtE2-3
6. Javascript Lanjutan
https://www.youtube.com/playlist?list=PLFIM0718LjIUGpY8wmE41W7rTJo_3Y46-
7. Git & GitHub
https://www.youtube.com/playlist?list=PLFIM0718LjIVknj6sgsSceMqlq242-jNf
8. NodeJS & NPM
https://www.youtube.com/playlist?list=PLFIM0718LjIW-XBdVOerYgKegBtD6rSfD
— CHAPTERS —
00:00 Intro
02:08 Ukuran Component
04:58 Memecah UI Menjadi Component
08:48 Persiapan Project WeeBoo
17:35 Mulai Memecah UI
33:10 Kategori Component
36:00 Masalah Prop Drilling
41:59 Mengatasi Prop Drilling dengan Component Composition
44:45 Container Component
49:04 Implementasi pada Project
51:36 Membuat Reusable Box
01:32 Closing
—
🔥 SUPPORT WPU 🔥
👕 Beli Hoodie & T-Shirt di WPU Official Store 👕
https://shopee.co.id/wpustore.id
👾 Gabung Server Discord WPU 👾
https://discord.gg/S4rrXQU
– Donasi Channel WPU (OVO / GoPay / Dana / LinkAja)
https://saweria.co/sandhikagalih
https://karyakarsa.com/sandhikagalih
—
📢 FOLLOW SOCIAL MEDIA 📢
– https://www.instagram.com/sandhikagalih
– tiktok.com/@sandhika.galih
– https://twitter.com/sandhikagalih
– https://github.com/sandhikagalih
terimakasih dan #janganlupatitikkoma!
@sandhikagalih
#5 Semua Tentang COMPONENT | Tutorial REACT "Paling Masuk Akal" untuk PEMULA 🤩🌐
#5 Semua Tentang COMPONENT | Tutorial REACT "Paling Masuk Akal" untuk PEMULA 🤩🌐
Firstttt
Akhirnya stlah skian lama mnunggu datang juga react components nya… Thanks pa Dhika 😁🙏
🎉🎉🎉
Manteppp😁
Pak dika apa bisa kita gabung laravel, react jadi satu dalam pengembangan apps pak?
Trimkasih
Kurang panjang pak videonya, tambah lagi durasinya😢
pa mau nanya saya lupa gunanya key di tag li itu buat apa pa
👏👏👏
pak gak sabar buat bahas semua react hooks pak
First ke 15 pak
Sama jQuery dong pak buatin playlist sama vue.js pak , belajar sama bapak gampang ngerti nya ❤
Udah lama euy nggk nonton video padika 😀
Janlup Pak next js
Ih wibu, wkwkwk
Pak bahas DOM JS EM6 sampe finish project dong pak🙏
Mantap React lagi 🚀🚀. Hatur nuhunn😇. Menit 2:38 Pa Dhika ngelag dikit😄
healing ter healing, lanjutan React 👏💆🏻♀
Cuman di channel Pak Dhika, saya paham react karena detail bgt, dan praktek coding langsung.. terimakasih Pak Dhika semoga ilmu nya bermanfaat bagi banyak orang
Nicely explained. Sebagai tambahan info, ada teknik "lifting state up" yang menarik dan biasanya saya sering pake di kerjaan beneran sehari-hari, untuk kasus yang ditunjukkan tersebut (view anime + search by keyword)
Kita bisa memanfaatkan URL dengan URLSearchParams sebagai state. Maka state-nya bisa di atas App component, yaitu URL. Sehingga tidak perlu ada passing props / props drilling.
Di video YouTube bisa cari kata kuncinya: "React state URL", "put state in URL", "URL React State Management Solution"
Pak klo upload react jangn lama, dari pada hp saya, saya buang🗿
tutorial yang ditunggu
pak kalo misalnya kita pisahin component nya di beda file itu lebih rapi apa gimana pak, jadi kita di app.js nya tinggal import si component nya
saran ni pak Dhika ,kalau bisa tiap komponent nya dibuat jadi file terpisah aja biar gak bingung karena banyak scrolling 😁😁