Belajar React.js Fundamental
Panduan untuk mempelajari ReactJS
Tentang Kelas
Panduan untuk mempelajari Panduan untuk mempelajari ReactJS
Target dan Sasaran Siswa
- Kelas ditujukan bagi mereka yang tertarik untuk mempelajari ReactJS
- Siswa harus bisa belajar mandiri. Karena pada kelas ini siswa harus mengatur jadwal belajarnya sendiri.
Tujuan Umum dan Khusus Pelatihan
- Di akhir kelas, siswa dapat memahami Panduan untuk mempelajari ReactJS
Silabus
- Memahami Panduan untuk mempelajari ReactJS
Metode Ajar Online Self-paced Learning Siswa dapat menentukan sendiri waktu belajarnya
Fasilitas Pengajaran
- Materi disediakan berupa video
- Forum tanya jawab: Forum digunakan apabila siswa mendapatkan kendala saat belajar, dan akan dibalas oleh tim support CodePolitan
- Sertifikat kelulusan
Peralatan Belajar Siswa
- Siswa wajib memiliki akses internet melalui komputer yang menggunakan Windows/Mac/Linux
- Spesifikasi minimal komputer milik siswa: Sistem operasi : Windows, Linux, atau MacOS. Prosesor : Intel Dual Core (Rekomendasi Core i3 ke atas). RAM : 1GB (Rekomendasi 2GB). Resolusi layar : 1366 x 768 (Rekomendasi Full HD 1920 x 1080)
- Software: Browser (tidak ada prefrensi khusus)
Daftar Materi
| Introduction - Instalasi | 09:54 | |
| Pengenalan Project React | 12:26 | |
| Pengenalan Component Dasar | 05:14 | |
| JSX | 08:04 | |
| Props pada Child Component | 06:43 | |
| Blog sederhana menggunakan JSON | 09:20 | |
| Fitur Filter Data dan Pengenalan useState | 11:34 | |
| Mengembalikan Value ke Parent melalui Props | 11:10 | |
| Conditional Rendering | 05:14 | |
| Conditional Rendering 2 | 08:02 | |
| onClick Methods | 08:52 | |
| Lifecycle dan useEffect | 11:25 | |
| Fetch API dengan useEffect | 06:29 | |
| Multiple useEffect | 03:40 | |
| Dasar State Management dengan useContext | 12:17 | |
| Menginstall React Router | 09:35 | |
| Halaman About | 03:12 | |
| Layouting dan Children Routes | 10:26 | |
| Halaman Blog | 07:48 | |
| Dynamic Parameter Route dan Menampilkan Artikel | 12:56 | |
| React Router Data Loader | 09:37 | |
| Error Page | 03:47 | |
| Dynamic Style untuk NavLink | 09:22 |
Penyusun Materi
Nusendra Hanggarawan
FullStack Developer & The Initiator of SurabayaJS. Former Full Stack Developer di Circular (YC W22). Former Software Developer di Neowave Solutions Sdn Bhd. Former Software Developer di PT. BENTENG API TECHNIC.
Testimoni Oleh Siswa
(141 reviews)
Rizkie Arief
Rabu, 4 Maret 2026 pukul 20.24
Masya Allah, materi disampaikan dengan jelas . saya sebagai pemula sangat terbantu penyampaian mentor. Bahasa yang disampaikan mudah dicerna.
Arif Dwi Prasetya
Rabu, 4 Februari 2026 pukul 13.46
Pemaparannya sangat jelas dan mudah dipahami, terima kasih ilmunya... semoga berkah... semoga saya jadi developer hebat... aamiin kan gaes wkwkwk
Muhammad Wahyudi Hidayatullah
Minggu, 1 Februari 2026 pukul 20.17
Materinya mantap, bug-nya di otak saya doang. Overall good job banget! Tapi ratingnya saya limit di 4 bintang ya, soalnya bintang 5 itu ibarat coding tanpa error sekali jalan... mustahil di dunia fana ini. Kesempurnaan hanya milik Tuhan. ?
Marevo Devansyah Sigit
Kamis, 29 Januari 2026 pukul 19.25
Pemateri menjelaskan secara detail dan memberikan contoh secara best practice. Pemateri juga menjelaskan detail yang disertai oleh contoh langsung
Mohammad Wahyu Sanusi Putra
Senin, 5 Januari 2026 pukul 21.09
Kelas yang sangat recommended! Materi disusun sistematis dari dasar hingga advanced. Penjelasan konsep React seperti hooks, state management, dan component lifecycle sangat jelas dengan contoh real project. Instruktur responsif menjawab pertanyaan. Cocok untuk pemula maupun yang ingin memperdalam React.
Mohammad Wahyu Sanusi Putra
Senin, 5 Januari 2026 pukul 21.09
Kelas yang sangat recommended! Materi disusun sistematis dari dasar hingga advanced. Penjelasan konsep React seperti hooks, state management, dan component lifecycle sangat jelas dengan contoh real project. Instruktur responsif menjawab pertanyaan. Cocok untuk pemula maupun yang ingin memperdalam React.
Michael Johanes Johansyah
Selasa, 30 Desember 2025 pukul 06.04
awalnya agak bingung karena dapet error yang ga ditemuin di course, tapi lama2 sudah aman dan ternyata pembawaannya sangat baik, penjelasannya secara aktif bertanya kenapa ini dan kenapa itu dan bagaimana solusinya, jadi kita juga jadi lebih paham
Agil Wira Pratama
Senin, 6 Oktober 2025 pukul 19.36
Materi dan Praktiknya bagus dan sangat membantu dalam mengembangakan skill dalam pemograman website, khususnya dengan library ReactJS
Ruri Pelinandang
Kamis, 11 September 2025 pukul 21.18
Terima kasih buat mentor, penjelasannya membuat saya bisa memahami secara garis besar react dan library pendukungnya dalam membangun suatu website.
Eko Herdianto
Selasa, 19 Agustus 2025 pukul 20.51
Semua penjelasan dan materi di modul ini sangat membantu saya dalam belajar, semua terstruktur dan mudah dipahami, saya sangat bersemangat untuk mempelajari ReactJS ini