PricingLoginStart free
React Native Academy logo
JavaScriptMudah alihTahap A1 → B222 bahasa

React Native Academy

Bina aplikasi iOS dan Android merentas platform dengan React Native dan Expo. Bermula daripada komponen pertama hingga animasi, API natif, pemberitahuan tolak dan penghantaran ke App Store. Laluan pembelajaran CoddyKit yang merangkumi 30 kursus pendek dan 120 pelajaran interaktif, dengan tutor kecerdasan buatan 24/7 di sisi anda.

Kursus
30
Pelajaran
120
Langkah interaktif
1,560
Percuma untuk bermula
Kursus 1
Kurikulum

30 kursus dalam laluan ini

Setiap kursus dalam laluan React Native Academy, mengikut urutan pembelajaran. Kursus pertama adalah percuma.

1

A14 pelajaranPercuma

Sediakan persekitaran pembangunan React Native anda dengan Expo. Anda akan memasang alat yang diperlukan, mencipta projek pertama dan menjalankannya pada peranti sebenar atau simulator. Pada akhir ku…

  1. 1Memasang Node, Expo CLI dan Simulator
  2. 2Mencipta Projek Expo Pertama Anda
  3. 3Menjalankan pada Peranti dan Emulator
  4. +1 lagi
Mula belajar secara percuma
2

A14 pelajaranPRO

Pelajari blok binaan asas bagi setiap skrin React Native. Anda akan bekerja dengan komponen View, Text dan Image untuk membina reka letak serta memaparkan kandungan pada peranti mudah alih. Kursus in…

  1. 1Komponen View sebagai Bekas
  2. 2Memaparkan Teks dan Menggayakan Fon
  3. 3Memaparkan Imej daripada Sumber Setempat dan Jauh
  4. +1 lagi
Mula belajar secara percumaDapatkan akses dengan PRO
3

A14 pelajaranPRO

Kuasai sistem penggayaan yang digunakan oleh React Native, berasaskan sifat yang diinspirasikan oleh CSS dan diterapkan melalui objek JavaScript serta StyleSheet. Anda akan menggunakan Flexbox untuk…

  1. 1StyleSheet.create dan Gaya Sebaris
  2. 2Arah Flexbox, JustifyContent dan AlignItems
  3. 3flex, flexGrow dan Saiz Responsif
  4. +1 lagi
Mula belajar secara percumaDapatkan akses dengan PRO
4

A14 pelajaranPRO

Fahami cara data mengalir melalui komponen React Native menggunakan props dan keadaan. Anda akan mempelajari cara menghantar data kepada komponen anak melalui props dan mengurus nilai yang berubah da…

  1. 1Menghantar Data dengan Props
  2. 2Mengurus Keadaan Komponen dengan useState
  3. 3Menaikkan Keadaan
  4. +1 lagi
Mula belajar secara percumaDapatkan akses dengan PRO
5

A14 pelajaranPRO

Pelajari cara menangkap dan bertindak balas terhadap interaksi pengguna pada skrin mudah alih. Anda akan menggunakan TextInput untuk masukan papan kekunci, TouchableOpacity dan Pressable untuk ketika…

  1. 1Asas TextInput dan Jenis Papan Kekunci
  2. 2Pengendali Ketikan dengan TouchableOpacity dan Pressable
  3. 3Togol, Suis dan Kotak Pilihan
  4. +1 lagi
Mula belajar secara percumaDapatkan akses dengan PRO
6

A24 pelajaranPRO

Tambahkan navigasi berbilang skrin pada aplikasi React Native anda menggunakan pustaka React Navigation yang menjadi piawaian industri. Anda akan menyediakan navigator tindanan, menghantar data antar…

  1. 1Memasang dan Mengkonfigurasi React Navigation
  2. 2Menavigasi antara Skrin dan Menghantar Parameter
  3. 3Pelayar Tab Bawah
  4. +1 lagi
Mula belajar secara percumaDapatkan akses dengan PRO
7

A24 pelajaranPRO

Paparkan koleksi data besar dengan cekap menggunakan FlatList dan SectionList. Anda akan mempelajari cara komponen ini memayakan pemaparan untuk mengekalkan prestasi tatal yang lancar walaupun dengan…

  1. 1Data FlatList, renderItem dan keyExtractor
  2. 2Tarik untuk Menyegar Semula dan Muatkan Lagi
  3. 3SectionList dengan Pengepala
  4. +1 lagi
Mula belajar secara percumaDapatkan akses dengan PRO
8

A24 pelajaranPRO

Bergerak melangkaui useState dan useEffect untuk menguasai keseluruhan set cangkuk React yang tersedia dalam React Native. Anda akan memahami useCallback, useMemo, useRef dan useReducer, serta mempel…

  1. 1useRef untuk Nod DOM dan Nilai Boleh Ubah
  2. 2useReducer untuk Logik Keadaan Kompleks
  3. 3useCallback dan useMemo untuk Prestasi
  4. +1 lagi
Mula belajar secara percumaDapatkan akses dengan PRO
9

A24 pelajaranPRO

Kongsi keadaan global merentas aplikasi tanpa menghantar props melalui banyak peringkat menggunakan API Context terbina dalam React. Anda akan mencipta konteks tema, konteks pengesahan pengguna dan m…

  1. 1Mencipta dan Menyediakan Konteks
  2. 2Menggunakan Konteks dengan useContext
  3. 3Konteks Tema dengan Togol Mod Gelap
  4. +1 lagi
Mula belajar secara percumaDapatkan akses dengan PRO
10

A24 pelajaranPRO

Sambungkan aplikasi React Native anda kepada API sebenar. Anda akan menggunakan useEffect untuk mencetuskan permintaan rangkaian semasa pemuatan, Axios untuk memudahkan panggilan HTTP, serta mempelaj…

  1. 1Cangkuk useEffect dan Tatasusunan Kebergantungan
  2. 2Membuat Permintaan GET dengan Axios
  3. 3Mengendalikan Keadaan Pemuatan dan Ralat
  4. +1 lagi
Mula belajar secara percumaDapatkan akses dengan PRO
11

B14 pelajaranPRO

Urus keadaan aplikasi kompleks secara boleh dijangka dengan Redux Toolkit, cara rasmi yang disyorkan untuk menggunakan Redux pada masa kini. Anda akan mencipta hirisan, menghantar tindakan, menggunak…

  1. 1Menyediakan Stor Redux dan Provider
  2. 2Mencipta Slices dengan createSlice
  3. 3Membaca Keadaan dengan useSelector
  4. +1 lagi
Mula belajar secara percumaDapatkan akses dengan PRO
12

B14 pelajaranPRO

Kenali Zustand, penyelesaian pengurusan keadaan yang minimum dan pantas serta memerlukan kod sokongan yang jauh lebih sedikit berbanding Redux. Anda akan mencipta stor, menambah tindakan dan menginte…

  1. 1Mencipta Stor Zustand
  2. 2Membaca dan Mengemas Kini Keadaan Stor dalam Komponen
  3. 3Mengekalkan Keadaan Zustand dengan AsyncStorage
  4. +1 lagi
Mula belajar secara percumaDapatkan akses dengan PRO
13

B14 pelajaranPRO

Simpan data pengguna dan tetapan aplikasi secara setempat pada peranti supaya data tersebut kekal selepas aplikasi dimulakan semula. Anda akan menggunakan AsyncStorage untuk storan pasangan kunci-nil…

  1. 1Membaca dan Menulis dengan AsyncStorage
  2. 2Menyimpan dan Menghuraikan Objek JSON
  3. 3Membina Skrin Tetapan Berterusan
  4. +1 lagi
Mula belajar secara percumaDapatkan akses dengan PRO
14

B14 pelajaranPRO

Akses perkakasan asli serta ciri OS yang menjadikan aplikasi mudah alih unik. Anda akan mengintegrasikan kamera, membaca koordinat GPS dan menjadualkan pemberitahuan setempat menggunakan API aliran k…

  1. 1Akses Kamera dengan expo-camera
  2. 2Membaca Lokasi GPS dengan expo-location
  3. 3Menjadualkan Pemberitahuan Setempat
  4. +1 lagi
Mula belajar secara percumaDapatkan akses dengan PRO
15

B14 pelajaranPRO

Bina borang yang teguh dan berprestasi tinggi dalam React Native menggunakan react-hook-form. Anda akan mendaftarkan input, menggunakan peraturan pengesahan, memaparkan mesej ralat pada peringkat med…

  1. 1Menyediakan react-hook-form dengan Controller
  2. 2Peraturan Pengesahan dan Mesej Ralat
  3. 3Borang Berbilang Langkah dengan Keadaan Borang
  4. +1 lagi
Mula belajar secara percumaDapatkan akses dengan PRO
16

B14 pelajaranPRO

Hidupkan UI React Native anda dengan animasi lancar yang dipacu secara asli menggunakan API Animated terbina dalam. Anda akan mempelajari animasi pemasaan, spring dan jujukan, kemudian menggunakannya…

  1. 1Animated.Value dan Animated.View
  2. 2Animasi Spring dan Decay
  3. 3Menganimasikan Pelbagai Sifat Secara Selari dan Berjujukan
  4. +1 lagi
Mula belajar secara percumaDapatkan akses dengan PRO
17

B14 pelajaranPRO

Bina interaksi lancar yang dipacu gerak isyarat dengan React Native Reanimated 3 dan React Native Gesture Handler. Anda akan mengendalikan gerak isyarat leret, cubit dan seret, kemudian menganimasika…

  1. 1Memasang Reanimated dan Nilai Dikongsi
  2. 2Worklet dan Menjalankan Kod pada Utas UI
  3. 3Gerak Isyarat Seret dan Leret dengan Gesture Handler
  4. +1 lagi
Mula belajar secara percumaDapatkan akses dengan PRO
18

B14 pelajaranPRO

Benarkan pengguna membuka aplikasi anda terus daripada URL dalam pelayar, e-mel atau aplikasi lain. Anda akan mengkonfigurasi skema URL tersuai dan pautan universal untuk iOS serta Android, kemudian…

  1. 1Mengkonfigurasi Skim URL Tersuai
  2. 2API Pemautan dan Penghurai URL
  3. 3Konfigurasi Pautan Mendalam React Navigation
  4. +1 lagi
Mula belajar secara percumaDapatkan akses dengan PRO
19

B14 pelajaranPRO

Hantar pemberitahuan tolak ke peranti pengguna untuk menarik mereka kembali walaupun aplikasi ditutup. Anda akan mendaftarkan peranti bagi mendapatkan token tolak, menghantar pemberitahuan melalui pe…

  1. 1Meminta Kebenaran dan Mendapatkan Token Tolak
  2. 2Menghantar Pemberitahuan melalui API Tolak Expo
  3. 3Mengurus Pemberitahuan Latar Depan dan Latar Belakang
  4. +1 lagi
Mula belajar secara percumaDapatkan akses dengan PRO
20

B14 pelajaranPRO

Bina aplikasi yang berfungsi dengan baik walaupun tanpa sambungan Internet menggunakan TanStack React Query. Anda akan menyimpan data pelayan dalam cache pada peranti, menyegerakkan mutasi apabila sa…

  1. 1QueryClient, QueryClientProvider dan useQuery
  2. 2Mutasi dengan useMutation dan Pembatalan Cache
  3. 3Mengekalkan Cache Pertanyaan dengan AsyncStorage
  4. +1 lagi
Mula belajar secara percumaDapatkan akses dengan PRO
21

B24 pelajaranPRO

Integrasikan Supabase sebagai bahagian belakang lengkap untuk aplikasi React Native anda, merangkumi pengesahan, pertanyaan pangkalan data dan langganan masa nyata. Anda akan membina skrin yang disah…

  1. 1Menyediakan Klien Supabase dalam React Native
  2. 2Pengesahan E-mel dan OAuth
  3. 3Menyoal Pangkalan Data dengan Klien Supabase
  4. +1 lagi
Mula belajar secara percumaDapatkan akses dengan PRO
22

B24 pelajaranPRO

Tambahkan Firebase Authentication dan Cloud Firestore pada aplikasi React Native menggunakan pustaka React Native Firebase. Anda akan mengesahkan pengguna, menyimpan dan membuat pertanyaan dokumen se…

  1. 1Menyambungkan React Native Firebase kepada Projek Anda
  2. 2Pengesahan E-mel dan Telefon dengan Firebase
  3. 3Membaca dan Menulis Dokumen Firestore
  4. +1 lagi
Mula belajar secara percumaDapatkan akses dengan PRO
23

B24 pelajaranPRO

Kenal pasti dan baiki kesesakan prestasi yang paling lazim dalam aplikasi React Native. Anda akan membuat profil menggunakan Flipper dan React DevTools, menghapuskan pemaparan semula yang tidak diper…

  1. 1Pemprofilan dengan Flipper dan React DevTools
  2. 2Memoisasi dengan React.memo, useCallback dan useMemo
  3. 3Penalaan Prestasi FlatList
  4. +1 lagi
Mula belajar secara percumaDapatkan akses dengan PRO
24

B24 pelajaranPRO

Tulis ujian unit dan komponen yang boleh dipercayai untuk kod React Native anda menggunakan Jest dan React Native Testing Library. Anda akan menguji komponen secara berasingan, memalsukan modul asli…

  1. 1Menyediakan Jest dalam Projek React Native
  2. 2Memaparkan Komponen dengan React Native Testing Library
  3. 3Mencetuskan Peristiwa dan Menguji Interaksi Pengguna
  4. +1 lagi
Mula belajar secara percumaDapatkan akses dengan PRO
25

B24 pelajaranPRO

Tulis ujian hujung ke hujung yang mengautomatikkan aliran pengguna sebenar pada peranti atau simulator menggunakan Maestro. Anda akan merakam aliran, membuat penegasan pada unsur UI dan mengintegrasi…

  1. 1Memasang Maestro dan Menjalankan Aliran Pertama Anda
  2. 2Penegasan dan Menunggu Elemen
  3. 3Menguji Perjalanan Pengguna Berbilang Skrin
  4. +1 lagi
Mula belajar secara percumaDapatkan akses dengan PRO
26

B24 pelajaranPRO

Luaskan React Native melangkaui API terbina dalamnya dengan menulis kod asli dalam Swift atau Kotlin dan mendedahkannya kepada JavaScript. Anda akan mempelajari corak modul asli legasi serta seni bin…

  1. 1Menulis Modul Natif Legasi dalam Kotlin
  2. 2Menulis Modul Natif Legasi dalam Swift
  3. 3Modul Natif Turbo dengan JSI
  4. +1 lagi
Mula belajar secara percumaDapatkan akses dengan PRO
27

B24 pelajaranPRO

Automatikkan konfigurasi projek asli untuk aplikasi aliran kerja terurus Expo dengan menulis pemalam konfigurasi. Anda akan mengubah suai AndroidManifest.xml, Info.plist dan skrip binaan daripada pem…

  1. 1Apakah Pemalam Konfigurasi dan Bilakah Perlu Menggunakannya
  2. 2Menulis Pemalam Konfigurasi Pertama Anda
  3. 3Mengubah Suai AndroidManifest dan Info.plist
  4. +1 lagi
Mula belajar secara percumaDapatkan akses dengan PRO
28

B24 pelajaranPRO

Bawa aplikasi React Native anda melalui keseluruhan proses semakan App Store iOS. Anda akan mengkonfigurasi sijil tandatangan dan profil peruntukan, menyediakan metadata App Store serta menyerahkan b…

  1. 1Menyediakan Akaun Pembangun Apple dan Sijil
  2. 2Mengkonfigurasi Penandatanganan dengan EAS Build
  3. 3Menyediakan Metadata App Store dalam App Store Connect
  4. +1 lagi
Mula belajar secara percumaDapatkan akses dengan PRO
29

B24 pelajaranPRO

Terbitkan aplikasi React Native anda ke Google Play Store dari awal hingga akhir. Anda akan menjana AAB bertandatangan, mengkonfigurasi penyenaraian Play Console dengan semua aset yang diperlukan dan…

  1. 1Mencipta Keystore dan Menandatangani AAB
  2. 2Menyediakan Penyenaraian Play Console
  3. 3Penarafan Kandungan, Dasar dan Privasi
  4. +1 lagi
Mula belajar secara percumaDapatkan akses dengan PRO
30

B24 pelajaranPRO

Gunakan semua yang dipelajari dalam laluan ini untuk membina aplikasi React Native lengkap yang sedia digunakan dalam produksi dari awal. Anda akan merancang seni bina, melaksanakan pengesahan, suapa…

  1. 1Merancang Seni Bina dan Timbunan Teknologi
  2. 2Aliran Pengesahan dan Laluan Dilindungi
  3. 3Ciri Teras: Suapan Data dengan Sokongan Luar Talian
  4. +1 lagi
Mula belajar secara percumaDapatkan akses dengan PRO
CoddyKit PRO

Dapatkan akses kepada kesemua 30 kursus dalam laluan ini dan semua laluan lain

Tutor AI, peperiksaan pensijilan dan sijil. Berfungsi di laman web, iOS dan Android.

Lihat semua pelan
Tahunan$29.90 / tahunKira-kira $2.49 sebulanBayar sekaliSeumur hidup$69.99 sekaliTiada pembaharuan. PRO selama-lamanya.
Gambaran Keseluruhan Kursus

Pembangunan Aplikasi Mudah Alih React Native

Bina aplikasi iOS dan Android merentas platform dengan React Native dan Expo. Bermula daripada komponen pertama hingga animasi, API natif, pemberitahuan tolak dan penghantaran ke App Store. Laluan ini merangkumi 30 kursus mini progresif daripada pemula sepenuhnya (A1) hingga tahap lanjutan (B2), dengan pelajaran ringkas dan kuiz pantas untuk mengukuhkan setiap konsep.

Apa yang Akan Anda Pelajari

Anda akan bermula dengan asas dan meningkat kepada topik pertengahan serta lanjutan, dengan setiap kursus dibina berdasarkan kursus sebelumnya. Setiap pelajaran bersifat praktikal, disertai contoh sebenar dan tutor AI yang tersedia apabila anda memerlukan bantuan.

Cara Kursus Ini Berfungsi

Setiap kursus dibahagikan kepada empat pelajaran yang berfokus. Lengkapkan beberapa pelajaran sehari dan anda akan menguasai seluruh laluan dalam beberapa minggu, bukan bulan.

Alat

Berlatih dengan AI, bukan sekadar membaca

Tingkatkan pembelajaran anda dengan alat dan ciri berkuasa AI

Sembang AIBerbual dengan tutor AITanya Soalan SuperDapatkan jawapan bertaraf pakarPROCipta PelajaranPembina pelajaran berkuasa AIPROMulakan Peperiksaan PensijilanDapatkan sijil andaPROMulakan CabaranUji kemahiran anda

Cara Anda Belajar

  1. 01

    Pelajaran Interaktif

    Latihan pengekodan amali dengan maklum balas masa nyata

  2. 02

    Tutor AI

    Dapatkan bantuan segera daripada AI kami apabila anda buntu

  3. 03

    Penyunting Terbina Dalam

    Tulis dan jalankan kod terus dalam pelayar anda

  4. 04

    Sijil

    Dapatkan sijil selepas melengkapkan kursus

Terus meneroka

Laluan pembelajaran berkaitan

SwiftUI Academy logoSwiftUI AcademyBuild beautiful native iOS apps with SwiftUI, Apple's modern declarative UI framework. Fr…Flutter Mobile Development logoPembangunan Aplikasi Mudah Alih FlutterMaster cross-platform mobile development with Flutter, building beautiful and high-perfor…Kotlin Multiplatform Academy logoKotlin Multiplatform AcademyShare Kotlin code across Android, iOS, and beyond with Kotlin Multiplatform. From expect/…OAuth2 & OpenID Connect Deep Dive logoOAuth2 & OpenID Connect secara MendalamMaster modern authentication and authorization by diving deep into OAuth2 and OpenID Conn…TypeScript Academy logoTypeScript AcademyEnhance your JavaScript projects with TypeScript through lessons at TypeScript Academy.Jetpack Compose Academy logoJetpack Compose AcademyBuild modern Android UIs with Jetpack Compose, Google's declarative toolkit in Kotlin. Fr…
FAQ

Soalan Lazim

Adakah kursus React Native Academy percuma?

Ya. Anda boleh memulakan kursus React Native Academy secara percuma dan mengikuti pelajaran interaktifnya tanpa sebarang bayaran. Langganan PRO pilihan membuka akses kepada alat kecerdasan buatan lanjutan dan sijil yang boleh dikongsi.

Adakah saya memerlukan pengalaman terdahulu untuk mempelajari JavaScript?

Tidak. Kursus ini bermula dengan asas dan beralih secara beransur-ansur kepada topik yang lebih maju, jadi anda boleh bermula walaupun tanpa pengalaman terdahulu dalam JavaScript.

Bagaimanakah saya akan mempelajari JavaScript di CoddyKit?

Anda belajar melalui amali. Pelajaran interaktif yang ringkas menggabungkan penerangan yang jelas dengan latihan pengekodan praktikal yang berjalan dalam masa nyata, manakala tutor kecerdasan buatan 24/7 memberikan bantuan yang diperibadikan apabila anda menghadapi kesukaran.

Adakah saya mendapat sijil selepas menamatkan React Native Academy?

Ya. Pelajar PRO boleh menduduki peperiksaan dan memperoleh sijil tamat kursus yang boleh dikongsi, lengkap dengan kod yang boleh disahkan untuk kursus React Native Academy.

Bolehkah saya mempelajari JavaScript melalui telefon saya?

Ya. CoddyKit tersedia di web dan sebagai aplikasi asli iOS serta Android, jadi anda boleh mempelajari JavaScript pada mana-mana peranti dan kemajuan anda disegerakkan merentas semua peranti.

Berapakah kos CoddyKit PRO?

Kursus pertama dalam React Native Academy adalah percuma. CoddyKit PRO membuka akses kepada setiap kursus: $5.90 seminggu, $7.90 sebulan, $29.90 setahun atau $69.99 sekali untuk akses seumur hidup tanpa pembaharuan.

Berapa lama masa yang diperlukan untuk melengkapkan React Native Academy?

React Native Academy mempunyai 30 kursus dan 120 pelajaran. Kebanyakan pelajaran mengambil masa kira-kira 5–10 minit, jadi keseluruhan laluan ini memerlukan sekitar 14 jam latihan amali, mengikut rentak anda sendiri.

Mulakan React Native Academy Sekarang

Sertai ribuan pelajar yang menguasai pengaturcaraan melalui pelajaran berkuasa kecerdasan buatan.

Mula belajar secara percumaSemak Semua Kursus