Belajar React: Kursus Interaktif Gratis
Kuasai React dengan menulis component sungguhan sejak pelajaran pertama: JSX, props, state, dan event, lalu lanjut ke Next.js: routing berbasis file, layout, server component, pengambilan data, dan server action. Semuanya berjalan di browser dengan petunjuk AI saat kamu buntu, dan kamu mendapat sertifikat gratis saat selesai.
2,609+ coder terdaftar
89 pelajaran78 tantangan164 soal kuis
- Ramah pemula
Bantuan coding dengan AI
Pelajaran interaktif yang praktis
Narasi audio di setiap pelajaran
Kuis untuk menguji pemahamanmu
Sertifikat penyelesaian gratis
Silabus
Bagian 1
Dasar-Dasar
Mulai bagianMulaiPelajari cara membuat antarmuka pengguna dengan React: komponen, JSX, props, state, dan event, mulai dari komponen pertamamu hingga aplikasi mini yang berfungsi.Mengenal React
5 pelajaran513Ekspresi JSX
5 pelajaran58Komponen
5 pelajaran48Props
6 pelajaran510State dan Event
6 pelajaran59Formulir & input
5 pelajaran47Kondisi & List
6 pelajaran510Proyek: Kartu Profil
4 pelajaran4Bagian 2
Dasar-Dasar Next.jsHalaman khusus
Mulai bagianMulaiUbah komponen React menjadi aplikasi nyata: routing berbasis sistem file, layout, komponen server dan client, pengambilan data, server actions, serta proyek Next.js lengkap.Mengapa Next.js
4 pelajaran39Routing dan Tautan
6 pelajaran516Tata Letak dan Metadata
6 pelajaran515Server & Client
6 pelajaran515Data di Server
6 pelajaran516Server Actions
5 pelajaran413Navigasi Client
5 pelajaran515Proyek: Coddy Eats
Proyek9 pelajaran9
Belajar sambil praktik
Tulis kode sungguhan, query database, buat website, dan kuasai prompt AI. Pelajaran interaktif kami mencakup setiap keterampilan yang dibutuhkan developer modern.
Bangun streakmu
Tetap konsisten dan lihat progresmu bertumbuh! Pantau kebiasaan coding harianmu, lindungi streakmu dengan hari beku, dan raih hadiah karena hadir setiap hari.
12 hari streak
Kembali besok untuk menjaga streakmu!
January 2026
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
21
22
23
24
25
26
27
28
29
30
Gandakan atau hangus
Hari ke-5 dari 7
Pembeku Streak
2 left
Coding di mana saja
Bawa perjalanan coding-mu ke mana saja! Tanpa setup, tanpa unduhan: cukup buka dan mulai coding. Tersedia di iOS, Android, dan Web dengan rating bintang 4,9.
Kamu tidak sendirian
Bersaing di papan peringkat global, ajak teman untuk mendapat hadiah, dan rayakan kemenangan satu sama lain. Coding lebih seru bersama teman!
1
2
3
Zona promosiSemua cara belajar
Baca, dengarkan, uji dirimu, tanya AI, atau cari lagi apa pun yang sudah kamu pelajari. Setiap pelajaran menyesuaikan diri denganmu.
Variabel adalah wadah bernama yang menyimpan nilai yang bisa kamu pakai lagi nanti di programmu.
Di Python, kamu membuatnya dengan menulis nama, tanda sama dengan, lalu nilai yang ingin kamu simpan.
Nilainya bisa berubah seiring waktu. Menetapkan ulang nama itu cukup membuatnya menunjuk ke nilai baru.
Dapatkan sertifikat
Dapatkan sertifikat untuk setiap kursus yang kamu selesaikan. Tambahkan ke profil LinkedIn dan CV-mu untuk menunjukkan keahlian coding-mu kepada pemberi kerja.
Sertifikat PenyelesaianDasar Python
Tambahkan ke LinkedInKenapa belajar React dengan Coddy
- Tulis JSX di browser sejak pelajaran pertama. Tanpa instalasi Node, tanpa create-react-app, tanpa setup build. Setiap pelajaran memberimu kode component sungguhan untuk diubah dan dijalankan.
- Kurikulum yang berujung pada aplikasi nyata: component, props, state, event, dan hooks di bagian Fundamentals, lalu satu bagian Next.js lengkap: routing, layout, server component dan client component, pengambilan data, dan server action.
- Petunjuk AI yang membaca kodemu yang sebenarnya. Saat sebuah component tidak mau dirender atau state tidak mau berubah, kamu mendapat dorongan yang menunjuk bug-mu tanpa membocorkan solusinya.
- Sertifikat React gratis saat kamu selesai. Sinyal kuat untuk posisi frontend, di mana React tetap menjadi library UI yang paling banyak dicari.
Pertanyaan yang sering diajukan tentang belajar React
Apa itu React?
React adalah library JavaScript untuk membangun antarmuka pengguna dari component, yaitu fungsi kecil yang bisa dipakai ulang dan mengembalikan markup. Dibuat di Meta, React menjalankan sebagian besar web modern, dari Facebook dan Instagram sampai produk jutaan startup, dan selalu menjadi keterampilan frontend yang paling banyak dicari di lowongan kerja.
Apakah perlu menguasai JavaScript sebelum belajar React?
Kamu sebaiknya sudah nyaman dengan dasar-dasar JavaScript: variabel, fungsi, array, dan objek. Kursus ini memperkenalkan pola JavaScript yang sering dipakai React (arrow function, destructuring, map) saat dibutuhkan, jadi kamu tidak perlu menjadi ahli. Kalau kamu benar-benar baru mengenal kode, ambil perjalanan JavaScript lebih dulu.
Apakah React sulit dipelajari?
Ide intinya, yaitu component, JSX, dan props, cepat dipahami karena mirip dengan hal yang sudah kamu kenal: fungsi dan HTML. State, effect, dan aliran data butuh latihan lebih banyak, karena itulah setiap pelajaran di sini memintamu menulis dan menjalankan kode component sungguhan, bukan sekadar membaca tentangnya.
Apa bedanya React dan Next.js?
React adalah library UI: component, state, rendering. Next.js adalah framework yang dibangun di atas React dan menambahkan apa yang dibutuhkan aplikasi nyata: routing berbasis file, layout, server-side rendering, pengambilan data, dan server action. Kursus ini mengajarkan dasar-dasar React dulu, lalu bagian Next.js khusus membawamu dari component sampai aplikasi yang lengkap.
Bisakah belajar React online secara gratis?
Bisa. Kursus React interaktif ini gratis: pelajaran praktik, tantangan coding dengan umpan balik instan, petunjuk berbantuan AI, dan kuis. Semuanya berjalan di browser, jadi tidak ada yang perlu diinstal dan kamu bisa langsung mulai.
Apakah ada sertifikat setelah kursus React?
Ya. Setelah menyelesaikan kursus ini, kamu mendapat sertifikat kelulusan gratis yang bisa kamu tambahkan ke LinkedIn atau CV. Ditambah component dan aplikasi yang kamu buat sepanjang jalan, sertifikat ini menjadi bukti yang berarti atas keterampilan praktis React dan Next.js.
