Membuat Klon Netflix - Tutorial React - Styled Components - Firebase (Firestore & Otentikasi)

Kunci kekuatan ReactJS dengan membangun klon Netflix dalam tutorial lengkap ini. Pelajari cara mengintegrasikan Firebase untuk otentikasi dan fungsionalitas database. Jelajahi Styled Components untuk mengatur gaya aplikasi React Anda.

Modul & Komponen: Dari halaman utama hingga bagian Browse yang menggunakan otentikasi Firebase, halaman Masuk dan Daftar — tutorial ini mencakup semuanya. Anda akan belajar bagaimana terhubung ke Firebase, menggunakan fungsi JavaScript tingkat tinggi seperti map, filter, reduce, dan find, serta menerapkan Fuse.js untuk fitur pencarian langsung.

📖 Prasyarat:
- Pengetahuan dasar tentang React (useEffect, useState, useContext)
- Kemampuan menggunakan fungsi JavaScript seperti map, filter, reduce, dan find
- Pengujian: Setiap komponen React diuji dengan teliti menggunakan React Testing Library, memastikan kode yang kuat dan bebas error.
- Navigasi: Pelajari cara menggunakan React Router untuk mengelola navigasi dalam aplikasi Anda dengan lancar.

📚 Apa yang Akan Anda Pelajari
- Dasar-dasar React: Hooks kustom, konteks, portal
- Integrasi Firebase: Firestore & Otentikasi
- Penggunaan Styled Components: Membuat antarmuka pengguna yang menarik secara visual
- Pengujian Komponen: Menggunakan React Testing Library untuk komponen yang kuat
- Navigasi: Navigasi yang lancar dengan React Router
- Pencarian Langsung: Mengimplementasikan pencarian langsung dengan Fuse.js

⌛ Waktu
00:00:00 - Tinjauan/Demo
00:04:30 - Arsitektur
00:08:08 - Ketergantungan Proyek
00:10:30 - Menginstal Create React App
00:13:03 - Membersihkan Proyek
00:21:41 - Tips Port Yarn/npm
00:24:35 - Membuat Berkas...