React Native: Learn & Practice

Pelajari React Native melalui penjelasan singkat, contoh kode praktis, dan tantangan kecil. Jelajahi 148 pelajaran dalam 10 modul, buka contoh di tempat latihan coding, dan ubah untuk memahami cara kerja antarmuka.

Jalur yang jelas dari dasar hingga praktik

Mulailah dengan teks, tampilan, variabel, komponen, gambar, dan gaya. Lanjutkan ke tata letak Flexbox, formulir, input teks, tombol, interaksi sentuh, pengguliran, dan daftar. Modul selanjutnya memperkenalkan hook, komponen yang dapat digunakan kembali, manajemen state, konsep performa, tata letak responsif, dan proyek praktik.

Baca idenya sebelum mengedit

Setiap pelajaran menggabungkan tujuan, gambaran umum dengan bahasa yang mudah dipahami, ide-ide kunci, kode, kiat praktis, tantangan kecil, dan pertanyaan untuk peninjauan mandiri. Lihat contoh beserta penjelasannya, lalu buka versi yang dapat diedit saat Anda siap bereksperimen. Label pemula, menengah, dan praktik membantu Anda memahami posisi setiap topik dalam kursus.

Cobalah perubahan Anda sendiri

Gunakan editor JavaScript dan JSX bawaan untuk menyesuaikan teks, nilai, gaya, dan perilaku komponen. Penyorotan sintaks dan nomor baris memudahkan pemahaman contoh. Fungsi Undo dan Redo membantu Anda menjelajahi perubahan, sementara Reset kode mengembalikan contoh awal. Ketuk Jalankan aplikasi untuk membuka pratinjau dalam aplikasi, lalu kembali ke pengeditan untuk mencoba lagi.

Jelajahi pola yang bermanfaat

Pelajari input terkontrol, validasi formulir, visibilitas kata sandi, penghitung karakter, pemfilteran daftar, item yang dapat dipilih, dan status kosong. Berlatih dengan penghitung, pengatur waktu, jam langsung, konverter suhu, kalkulator tip, kartu, akordeon, tab sederhana, dan daftar tugas mini. Ini adalah contoh pembelajaran yang memungkinkan Anda memeriksa bagaimana bagian-bagian kecil dari antarmuka saling terkait.

Temukan pelajaran yang Anda butuhkan

Cari judul pelajaran atau persempit pustaka berdasarkan modul. Beralih antara semua pelajaran, pelajaran yang sedang berlangsung, favorit yang tersimpan, dan pelajaran yang telah selesai. Gunakan kontrol Sebelumnya dan Berikutnya atau geser antar pelajaran. Saat Anda membuka pelajaran dari pustaka yang difilter, navigasi mengikuti pilihan tersebut sehingga Anda dapat tetap pada topik yang Anda pilih.

Pantau pembelajaran Anda

Bookmark pelajaran untuk ditinjau dan tandai sebagai selesai saat Anda siap. Layar utama menampilkan kemajuan kursus, jumlah yang telah diselesaikan dan disimpan, serta rentetan belajar. Lanjutkan pelajaran terakhir atau lanjutkan ke topik berikutnya yang belum selesai. Kemajuan dan bookmark disimpan secara lokal di perangkat Anda.

Kembali ke eksperimen Anda

Menjalankan contoh akan menyimpan kodenya sebagai draf lokal untuk pelajaran tersebut. Buka kembali playground untuk memulihkan draf, atau reset untuk kembali ke kode asli. Ini memudahkan untuk meninjau kembali suatu ide setelah jeda tanpa mengganti materi awal.

Pilih tampilan yang nyaman

Pilih mode terang, mode gelap, atau tema sistem untuk antarmuka pembelajaran. Baca sebuah konsep, periksa kodenya, buat satu perubahan terfokus, dan gunakan tantangan untuk berlatih menerapkannya.

Dirancang untuk siswa, pemula yang tertarik dengan pemrograman, dan pengembang yang meninjau konsep antarmuka seluler. Contoh dijalankan dalam pratinjau berbasis web; API dan perilaku khusus platform dapat berbeda dari aplikasi asli. Aplikasi ini berisi iklan. Aplikasi pendidikan independen; tidak berafiliasi dengan atau didukung oleh proyek React Native.