#5 Semua Tentang COMPONENT | Tutorial REACT "Paling Masuk Akal" untuk PEMULA ๐Ÿคฉ๐ŸŒ

#5 Semua Tentang COMPONENT | Tutorial REACT "Paling Masuk Akal" untuk PEMULA ๐Ÿคฉ๐ŸŒ

#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 ๐Ÿคฉ๐ŸŒ

Related posts

23 Thoughts to “#5 Semua Tentang COMPONENT | Tutorial REACT "Paling Masuk Akal" untuk PEMULA ๐Ÿคฉ๐ŸŒ

  1. Akhirnya stlah skian lama mnunggu datang juga react components nya… Thanks pa Dhika ๐Ÿ˜๐Ÿ™

  2. ๐ŸŽ‰๐ŸŽ‰๐ŸŽ‰

  3. Pak dika apa bisa kita gabung laravel, react jadi satu dalam pengembangan apps pak?
    Trimkasih

  4. Kurang panjang pak videonya, tambah lagi durasinya๐Ÿ˜ข

  5. pa mau nanya saya lupa gunanya key di tag li itu buat apa pa

  6. pak gak sabar buat bahas semua react hooks pak

  7. Sama jQuery dong pak buatin playlist sama vue.js pak , belajar sama bapak gampang ngerti nya โค

  8. Udah lama euy nggk nonton video padika ๐Ÿ˜€

  9. Pak bahas DOM JS EM6 sampe finish project dong pak๐Ÿ™

  10. Mantap React lagi ๐Ÿš€๐Ÿš€. Hatur nuhunn๐Ÿ˜‡. Menit 2:38 Pa Dhika ngelag dikit๐Ÿ˜„

  11. healing ter healing, lanjutan React ๐Ÿ‘๐Ÿ’†๐Ÿปโ€โ™€

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

  13. 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"

  14. Pak klo upload react jangn lama, dari pada hp saya, saya buang๐Ÿ—ฟ

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

  16. saran ni pak Dhika ,kalau bisa tiap komponent nya dibuat jadi file terpisah aja biar gak bingung karena banyak scrolling ๐Ÿ˜๐Ÿ˜

Leave a Comment