React Dasar
Komponen dan JSX, props, daftar ber-key, event, state, formulir terkontrol, mengangkat state, dan useEffect, dengan latihan yang merender komponen React sungguhan.
Pelajaran pertama bisa dicoba tanpa akun. Selanjutnya pakai akun gratis agar progres, draft kode, dan sertifikatmu tersimpan.
Ringkasnya: React Dasar adalah kelas gratis berbahasa Indonesia tingkat menengah dari KelasGratis. Cocok untuk lulusan JavaScript Lanjutan, atau siapa pun yang sudah nyaman dengan fungsi panah, destrukturisasi, spread, map, dan filter, lalu ingin membangun antarmuka web dengan React. Isinya 17 pelajaran dalam 4 modul (±4 jam) dengan 55 latihan yang dinilai otomatis di browser. Sertifikat penyelesaian gratis dan bisa dicek keasliannya.
5,0 ★ (Belum ada ulasan) · 17 pelajaran · 4 modul · ±237 menit
Bawa pulang keterampilannya
Yang akan kamu bisa setelah kelas ini
- Menulis komponen fungsi dengan JSX yang sah: satu akar atau Fragment, tag tertutup, atribut camelCase, kurung kurawal untuk data, dan gaya inline berupa objek.
- Mengirim data lewat props dan children, menampilkan isi bersyarat dengan if, ternary, dan &&, serta merender daftar dengan map, filter, dan key yang stabil.
- Menanggapi event dengan penangan yang diserahkan lewat props, menyimpan data yang berubah dengan useState, dan memakai fungsi updater untuk pembaruan berturut-turut.
- Memperbarui objek dan larik di state dengan salinan baru, dan menghitung nilai turunan saat render alih-alih menyimpannya di state.
- Membuat formulir terkontrol, mengangkat state ke komponen induk, dan menulis useEffect dengan larik dependensi dan fungsi pembersih.
Untuk siapa
Lulusan JavaScript Lanjutan, atau siapa pun yang sudah nyaman dengan fungsi panah, destrukturisasi, spread, map, dan filter, lalu ingin membangun antarmuka web dengan React.
Prasyarat
Menyelesaikan JavaScript dari Nol dan JavaScript Lanjutan, atau sudah bisa menulis fungsi panah, destrukturisasi, spread, map, filter, dan reduce., Disarankan: HTML & CSS Dasar, untuk tag, atribut, dan formulir.
Kelas yang dianjurkan sebelumnya: JavaScript dari Nol, JavaScript Lanjutan
Relevan untuk pekerjaan dan tujuan
Kelas ini termasuk kelas inti untuk Web developer.
Alat yang perlu disiapkan
- Browser modern di komputer. Komponenmu dirender React di bingkai terpisah di browser-mu, tanpa pemasangan apa pun dan tanpa akses jaringan.
Tempat berlatih
Coba, periksa, lalu lanjutkan.
55 latihan di 17 pelajaran. Jawaban diperiksa langsung di halaman materi; petunjuk dibuka bertahap.
Jalur belajar kelas ini
Kurikulum
4 modul · 17 pelajaran · ±237 menit
Kelas lanjutan sesudah JavaScript Lanjutan untuk membangun antarmuka dengan React. Kamu menulis komponen fungsi dengan JSX, mengirim data lewat props dan children, menampilkan isi bersyarat, merender daftar dengan key yang stabil, menanggapi klik, menyimpan data yang berubah dengan useState, memperbarui objek dan larik tanpa mutasi, membuat formulir terkontrol, mengangkat state ke komponen induk, dan menyelaraskan komponen dengan sistem di luar React memakai useEffect. Latihan praktiknya berupa komponen React sungguhan yang dirender di bingkai terpisah di browser-mu dan diperiksa dengan tes yang terlihat; sebagian kecil latihan berupa pilihan ganda membaca kode.
02Props, render bersyarat, dan daftar4 pelajaran
Urutan pelajaran tidak dikunci.
Sertifikat kelas
Selesaikan kelasnya, sertifikat ini atas namamu.
- Nama lengkapmu dan judul kelas tercetak di sertifikat.
- Kode dan QR yang bisa dicek siapa saja di kelasgratis.com/verifikasi.
- Sekali klik ke profil LinkedIn, atau unduh PNG dan PDF.
Bukti penyelesaian materi, bukan akreditasi atau sertifikasi kompetensi.
Pertanyaan yang sering muncul
Apa yang dipelajari di kelas React Dasar?
React Dasar adalah kelas gratis KelasGratis tingkat menengah berisi 17 pelajaran. Kelas lanjutan sesudah JavaScript Lanjutan untuk membangun antarmuka dengan React. Kamu menulis komponen fungsi dengan JSX, mengirim data lewat props dan children, menampilkan isi bersyarat, merender daftar dengan key yang stabil, menanggapi klik, menyimpan data yang berubah dengan useState, memperbarui objek dan larik tanpa mutasi, membuat formulir terkontrol, mengangkat state ke komponen induk, dan menyelaraskan komponen dengan sistem di luar React memakai useEffect. Latihan praktiknya berupa komponen React sungguhan yang dirender di bingkai terpisah di browser-mu dan diperiksa dengan tes yang terlihat; sebagian kecil latihan berupa pilihan ganda membaca kode.
Berapa lama menyelesaikan kelas React Dasar?
Sekitar 237 menit (±4 jam) untuk 17 pelajaran wajib, dihitung dari durasi tiap pelajaran dan latihannya. Kecepatan nyata bergantung pada berapa lama kamu berlatih setiap hari.
Apa yang perlu disiapkan sebelum mulai?
Prasyaratnya: Menyelesaikan JavaScript dari Nol dan JavaScript Lanjutan, atau sudah bisa menulis fungsi panah, destrukturisasi, spread, map, filter, dan reduce.; Disarankan: HTML & CSS Dasar, untuk tag, atribut, dan formulir.. Alat dan persiapan: Browser modern di komputer. Komponenmu dirender React di bingkai terpisah di browser-mu, tanpa pemasangan apa pun dan tanpa akses jaringan.
Apakah kelas React Dasar gratis dan bersertifikat?
Ya. Seluruh 17 pelajaran gratis sampai selesai tanpa iklan; pelajaran pertama bisa dicoba tanpa akun, sisanya memakai akun gratis. Setelah semua pelajaran wajib tuntas dan kamu menulis ulasan singkat tentang kelasnya, kamu bisa menerbitkan sertifikat penyelesaian dengan tautan verifikasi publik. Sertifikat ini bukan akreditasi atau sertifikasi profesi.
Dari pengalaman belajar
Ulasan peserta
Apa yang membantu, dan apa yang masih bisa diperbaiki?
Ulasan berasal dari akun yang telah menyelesaikan setidaknya satu pelajaran. Bintang 1–3 ditinjau admin sebelum terbit; bintang 4–5 langsung terbit. Sebelum ada ulasan terbit, kelas menggunakan nilai awal admin 5,0. Setelahnya, rating mengikuti rata-rata ulasan yang sudah terbit.
Pengalamanmu bisa membantu peserta berikutnya.
Belum ada ulasan yang terbit untuk kelas ini.
Bagikan pengalaman belajarmu
Masuk dan selesaikan satu pelajaran untuk menulis ulasan. Masuk ke akun →
Setelah kelas ini
Jalur yang memuat kelas ini
Lanjutkan ke kelas lain
Revisi materi terakhir: 24 Okt 2026. Laporan kesalahan bisa dikirim dari setiap halaman pelajaran.