React Native: Learn & Practice

Pelajari React Native melalui penjelasan ringkas, contoh kod praktikal dan cabaran kecil. Terokai 148 pelajaran dalam 10 modul, buka contoh di taman permainan pengekodan dan ubahnya untuk memahami cara antara muka berfungsi.

Laluan yang jelas daripada asas kepada amalan

Mulakan dengan teks, paparan, pembolehubah, komponen, imej dan gaya. Teruskan ke susun atur, borang, input teks, butang, interaksi sentuh, penatalan dan senarai Flexbox. Modul kemudian memperkenalkan cangkuk, komponen boleh guna semula, pengurusan keadaan, konsep prestasi, susun atur responsif dan projek amalan.

Baca idea sebelum mengedit

Setiap pelajaran menghimpunkan objektif, gambaran keseluruhan bahasa mudah, idea utama, kod, petua praktikal, cabaran kecil dan soalan untuk semakan kendiri. Lihat contoh di samping penjelasannya, kemudian buka versi yang boleh diedit apabila anda bersedia untuk mencuba. Label pemula, pertengahan dan amalan membantu anda memahami kedudukan setiap topik dalam kursus.

Cuba perubahan anda sendiri

Gunakan editor JavaScript dan JSX terbina dalam untuk melaraskan teks, nilai, gaya dan tingkah laku komponen. Penonjolan sintaks dan nombor baris menjadikan contoh lebih mudah untuk diikuti. Buat asal dan buat semula membantu anda meneroka perubahan, manakala Tetapkan semula kod memulihkan contoh permulaan. Ketik Jalankan aplikasi untuk membuka pratonton dalam aplikasi, kemudian kembali ke penyuntingan untuk percubaan lain.

Terokai corak berguna

Kaji input terkawal, pengesahan borang, keterlihatan kata laluan, kaunter aksara, penapisan senarai, item yang boleh dipilih dan keadaan kosong. Berlatih dengan kaunter, pemasa, jam langsung, penukar suhu, kalkulator petua, kad, akordion, tab mudah dan senarai tugasan mini. Ini adalah contoh pembelajaran yang membolehkan anda memeriksa bagaimana bahagian kecil antara muka sesuai bersama.

Cari pelajaran yang anda perlukan

Cari tajuk pelajaran atau persempitkan pustaka mengikut modul. Beralih antara semua pelajaran, pelajaran yang sedang berjalan, kegemaran yang disimpan dan pelajaran yang telah selesai. Gunakan kawalan Sebelumnya dan Seterusnya atau leret antara pelajaran. Apabila anda membuka pelajaran daripada pustaka yang ditapis, navigasi mengikuti pilihan tersebut supaya anda boleh kekal dengan topik yang anda pilih.

Jejaki pembelajaran anda

Tandakan pelajaran untuk semakan dan tandakannya selesai apabila anda bersedia. Skrin utama menunjukkan kemajuan kursus, kiraan yang telah selesai dan disimpan dan rentetan pembelajaran. Sambung pelajaran terakhir atau teruskan ke topik belum selesai seterusnya. Kemajuan dan penanda buku disimpan secara setempat pada peranti anda.

Kembali ke eksperimen anda

Menjalankan contoh akan menyimpan kodnya sebagai draf setempat untuk pelajaran tersebut. Buka semula taman permainan untuk memulihkan draf atau tetapkannya semula untuk kembali kepada kod asal. Ini memudahkan untuk menyemak semula idea selepas rehat tanpa menggantikan bahan permulaan.

Pilih penampilan yang selesa

Pilih mod cerah, mod gelap atau tema sistem untuk antara muka pembelajaran. Baca konsep, periksa kodnya, buat satu perubahan terfokus dan gunakan cabaran untuk berlatih mengaplikasikannya.

Direka untuk pelajar, pemula yang berminat dalam pengekodan dan pembangun yang menyemak konsep antara muka mudah alih. Contoh dijalankan dalam pratonton berasaskan web; API dan tingkah laku khusus platform boleh berbeza daripada aplikasi asli. Aplikasi ini mengandungi pengiklanan. Aplikasi pendidikan bebas; tidak bergabung dengan atau disokong oleh projek React Native.