PricingLoginStart free
React Academy logo
ReactPemulaWebMudah alihTahap A1 → C122 bahasa

React Academy

Kuasai ReactJS untuk membina antara muka pengguna dinamik dengan Akademi ReactJS. Laluan pembelajaran CoddyKit yang merangkumi 88 kursus pendek dan 324 pelajaran interaktif, dengan tutor kecerdasan buatan 24/7 di sisi anda.

Kursus
88
Pelajaran
324
Langkah interaktif
3,793
Percuma untuk bermula
Kursus 1
GET IT ONGoogle PlayDownload on theApp Store
Kurikulum

88 kursus dalam laluan ini

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

1

A13 pelajaranPercuma

Mulakan dengan asas React: komponen, UI deklaratif, dan cara pembezaan mengemas kini DOM dengan cekap. Kemudian sediakan projek (contohnya Vite), jalankan pelayan pembangunan, dan render komponen per…

  1. 1Permulaan React: Konsep & Persediaan
  2. 2Persediaan Projek: Vite, Susun Atur & Pelayan Pembangunan
  3. 3Komponen & Pemaparan Pertama
Mula belajar secara percuma
2

A13 pelajaranPRO

Pelajari peraturan JSX: ungkapan dan atribut, memulangkan fragmen, memaparkan senarai dengan kunci, syarat mudah, dan pilihan penggayaan (modul CSS, gaya sebaris, pembantu kelas).

  1. 1Peraturan JSX: Ungkapan, Atribut, Fragmen
  2. 2Senarai & Kunci; Pemaparan Bersyarat
  3. 3Pilihan Penggayaan: Modul CSS, Gaya Sebaris, Pembantu Kelas
Mula belajar secara percumaDapatkan akses dengan PRO
3

A24 pelajaranPRO

Kuasai sambungan pelayar React DevTools untuk memeriksa pepohon komponen, memprofil paparan dan menyahpepijat keadaan serta props dengan berkesan.

  1. 1Memasang dan Membuka React DevTools
  2. 2Memeriksa Pepohon Komponen dan Props
  3. 3Menggunakan Tab Profiler
  4. +1 lagi
Mula belajar secara percumaDapatkan akses dengan PRO
4

A24 pelajaranPRO

Cipta animasi kemasukan, keluar dan perubahan keadaan yang lancar dalam React menggunakan peralihan CSS dan bingkai kunci — tanpa memerlukan pustaka animasi.

  1. 1Peralihan CSS dengan Perubahan Keadaan React
  2. 2Animasi Bingkai Utama CSS dengan React
  3. 3useLayoutEffect untuk Pengukuran Sebelum Animasi
  4. +1 lagi
Mula belajar secara percumaDapatkan akses dengan PRO
5

A24 pelajaranPRO

Kongsi keadaan antara komponen adik-beradik dengan menaikkannya, dan fahami apabila penghantaran props menjadi masalah yang wajar diselesaikan.

  1. 1Menaikkan Keadaan: Prinsip dan Contoh
  2. 2Prop Drilling: Bila Memudaratkan dan Bila Tidak
  3. 3Corak Komunikasi Adik-Beradik
  4. +1 lagi
Mula belajar secara percumaDapatkan akses dengan PRO
6

A24 pelajaranPRO

Kekalkan keadaan React merentas pemuatan semula halaman menggunakan localStorage, kendalikan penyegerakan antara tab dan pilih API storan pelayar yang tepat untuk setiap kes penggunaan.

  1. 1Membaca dan Menulis localStorage dalam React
  2. 2Menyegerakkan Keadaan dengan localStorage
  3. 3Mengendalikan Peristiwa Storan Merentas Tab
  4. +1 lagi
Mula belajar secara percumaDapatkan akses dengan PRO
7

A24 pelajaranPRO

Bina sistem mod gelap yang kukuh menggunakan sifat tersuai CSS, konteks React dan pertanyaan media prefers-color-scheme — sambil menghalang paparan tema yang salah secara sekelip mata.

  1. 1Mengesan Skema Warna Sistem
  2. 2Pemboleh Ubah CSS untuk Menukar Tema
  3. 3Konteks React untuk Keadaan Tema
  4. +1 lagi
Mula belajar secara percumaDapatkan akses dengan PRO
8

A23 pelajaranPRO

Hantar data dengan props , tetapkan lalai mudah melalui pemusnahan, gubah UI dengan children , dan utamakan gubahan berbanding pewarisan untuk komponen persembahan yang boleh guna semula.

  1. 1Penyaluran Props & Corak Gubahan
  2. 2Props & Gubahan
  3. 3Komponen Persembahan Boleh Guna Semula
Mula belajar secara percumaDapatkan akses dengan PRO
9

A23 pelajaranPRO

Kuasai useState dan pengendalian peristiwa: kemas kini keadaan dengan betul, kendalikan klik/perubahan, dan bersedia untuk input terkawal.

  1. 1Asas useState & Kemas Kini yang Betul
  2. 2Pengendalian Peristiwa: onClick & onChange
  3. 3Input Terkawal berbanding Tidak Terkawal (Pengenalan)
Mula belajar secara percumaDapatkan akses dengan PRO
10

A23 pelajaranPRO

Pelajari cara membina borang terkawal dengan berbilang input, menggunakan pengesahan asas, dan mengendalikan penghantaran dengan lancar dalam React.

  1. 1Borang Terkawal dengan Berbilang Input
  2. 2Corak Pengesahan Asas & Pengendalian Penghantaran
  3. 3Mesej Ralat & Keadaan Disentuh/Kotor (Vanila)
Mula belajar secara percumaDapatkan akses dengan PRO
11

A23 pelajaranPRO

Fahami penghalaan pada sisi klien: cara SPA menukar paparan tanpa memuat semula halaman sepenuhnya, laluan dan parameter asas, serta keadaan navigasi aktif.

  1. 1Konsep Penghalaan Sebelah Klien
  2. 2Laluan Bersarang & Parameter Laluan
  3. 3Pautan Navigasi & Keadaan Aktif
Mula belajar secara percumaDapatkan akses dengan PRO
12

A23 pelajaranPRO

Kuasai useRef : kekalkan nilai merentas pemaparan tanpa menyebabkan pemaparan semula, akses nod DOM dan urus pemasa dengan selamat.

  1. 1Mengekalkan Nilai Tanpa Pemaparan Semula
  2. 2Mengakses Nod DOM, Mengukur & Memfokus
  3. 3Rujukan Boleh Ubah untuk Pemasa & Pengecam
Mula belajar secara percumaDapatkan akses dengan PRO
13

A23 pelajaranPRO

Kekalkan kod yang kemas dengan peraturan ESLint + React dan format secara automatik dengan Prettier . Tambah skrip dan baiki isu dengan pantas.

  1. 1ESLint + Peraturan React; Integrasi Prettier
  2. 2Penamaan Fail, Sempadan Komponen, Penamaan Prop
  3. 3Pemboleh Ubah Persekitaran & Organisasi Konfigurasi
Mula belajar secara percumaDapatkan akses dengan PRO
14

A22 pelajaranPRO

Kuasai input terkawal dan tidak terkawal: bila memilih setiap satunya, corak rujukan yang ringkas dan lalai yang selamat.

  1. 1Tolak Ansur; Corak Rujukan; Nilai Lalai
  2. 2Pengambil Prop & Reducer Keadaan (Ringan)
Mula belajar secara percumaDapatkan akses dengan PRO
15

B14 pelajaranPRO

Pelajari fungsi StrictMode, amaran yang dipaparkannya dan konvensyen pengekodan yang menjadikan aplikasi React lebih mudah diselenggara.

  1. 1Fungsi StrictMode
  2. 2Komponen Tulen dan Mengelakkan Kesan Sampingan dalam Paparan
  3. 3Amalan Terbaik Kunci dan Ref
  4. +1 lagi
Mula belajar secara percumaDapatkan akses dengan PRO
16

B14 pelajaranPRO

Paparkan kandungan di luar hierarki DOM induk menggunakan Portal React untuk membina modal, petua alat dan tindanan.

  1. 1Apakah React Portals?
  2. 2Membina Komponen Modal dengan Portal
  3. 3Mengendalikan Fokus dan Perangkap Papan Kekunci dalam Modal
  4. +1 lagi
Mula belajar secara percumaDapatkan akses dengan PRO
17

B14 pelajaranPRO

Bekerja dengan props.children serta utiliti React.Children, dan laksanakan API komponen berasaskan slot yang fleksibel.

  1. 1Asas props.children
  2. 2Utiliti React.Children
  3. 3Slot Bernama melalui Props Objek
  4. +1 lagi
Mula belajar secara percumaDapatkan akses dengan PRO
18

B14 pelajaranPRO

Gunakan input tidak terkawal dengan useRef, baca nilai input fail dan kendalikan aliran kerja muat naik fail dalam React.

  1. 1Input Tidak Terkawal dengan useRef
  2. 2Input Fail dan Membaca Data Fail
  3. 3Antara Muka Muat Naik Fail Seret dan Lepas
  4. +1 lagi
Mula belajar secara percumaDapatkan akses dengan PRO
19

B14 pelajaranPRO

Reka bentuk penyedia Konteks yang meminimumkan paparan semula menggunakan pemoisaan, pemisahan konteks dan corak pemilih.

  1. 1Memisahkan Konteks untuk Mengehadkan Pemaparan Semula
  2. 2Memoisasi Nilai Konteks dengan useMemo
  3. 3Corak Pemilih Konteks
  4. +1 lagi
Mula belajar secara percumaDapatkan akses dengan PRO
20

B14 pelajaranPRO

Tambahkan sokongan berbilang bahasa pada aplikasi React menggunakan react-i18next, urus fail terjemahan dan kendalikan pertukaran tempat.

  1. 1Menyediakan react-i18next
  2. 2Menggunakan Cangkuk useTranslation
  3. 3Bentuk Jamak & Interpolasi
  4. +1 lagi
Mula belajar secara percumaDapatkan akses dengan PRO
21

B14 pelajaranPRO

Sepadukan API pelayar berkuasa — Clipboard, Geolocation, Notifications dan IntersectionObserver — ke dalam komponen React dengan pembersihan serta pengendalian keizinan yang betul.

  1. 1API Papan Klip: Menyalin dan Menampal dalam React
  2. 2API Geolokasi dalam Komponen React
  3. 3API Pemberitahuan dan Pengendalian Kebenaran
  4. +1 lagi
Mula belajar secara percumaDapatkan akses dengan PRO
22

B14 pelajaranPRO

Elakkan pemaparan semula dan panggilan API berlebihan dengan melaksanakan corak nyahpantulan dan pendikitan sebagai cangkuk React boleh guna semula untuk peristiwa carian, tatal dan ubah saiz.

  1. 1Mengapa Nyah Denyar dan Pendikit Penting dalam UI
  2. 2Melaksanakan Hook Tersuai useDebounce
  3. 3Melaksanakan Hook Tersuai useThrottle
  4. +1 lagi
Mula belajar secara percumaDapatkan akses dengan PRO
23

B14 pelajaranPRO

Bina komponen autolengkap dan taip dahulu yang boleh diakses serta dinavigasi dengan papan kekunci dari awal menggunakan keadaan dan rujukan React — tanpa pustaka.

  1. 1Input Terkawal dengan Senarai Cadangan
  2. 2Navigasi Papan Kekunci dalam Senarai Cadangan
  3. 3Cadangan Tak Segerak dengan Nyah Denyar
  4. +1 lagi
Mula belajar secara percumaDapatkan akses dengan PRO
24

B14 pelajaranPRO

Bina borang React yang berprestasi dan fleksibel menggunakan React Hook Form: pendaftaran, pengesahan, paparan ralat dan penyepaduan skema.

  1. 1Bermula dengan React Hook Form
  2. 2Peraturan Pengesahan & Mesej Ralat
  3. 3Pengesahan Skema dengan Zod
  4. +1 lagi
Mula belajar secara percumaDapatkan akses dengan PRO
25

B14 pelajaranPRO

Gunakan Zustand untuk mengurus keadaan global dalam aplikasi React: gedung, tindakan, pemilih, pengekalan dan penyepaduan DevTools.

  1. 1Mencipta Gedung Zustand Pertama Anda
  2. 2Pemilih & Mencegah Pemaparan Semula yang Tidak Perlu
  3. 3Mengekalkan Keadaan dengan Perisian Tengah Persist
  4. +1 lagi
Mula belajar secara percumaDapatkan akses dengan PRO
26

B14 pelajaranPRO

Lampaui laluan asas dengan reka letak bersarang, pemuat, tindakan, laluan terlindung dan pengurusan keadaan parameter carian.

  1. 1Laluan Bersarang & Reka Letak Outlet
  2. 2Pemuat & Tindakan (API Penghala Data)
  3. 3Laluan Dilindungi & Pengawal Pengesahan
  4. +1 lagi
Mula belajar secara percumaDapatkan akses dengan PRO
27

B14 pelajaranPRO

Tambahkan TypeScript pada projek React: taip props, peristiwa, hook, konteks dan komponen generik dengan yakin.

  1. 1Menaip Prop & Jenis Pemulangan Komponen
  2. 2Menaip Peristiwa & Rujukan dalam TypeScript
  3. 3Komponen Generik & Jenis Utiliti
  4. +1 lagi
Mula belajar secara percumaDapatkan akses dengan PRO
28

B14 pelajaranPRO

Bina jadual data bertaraf produksi dengan pengisihan, penapisan, penomboran dan pemilihan baris menggunakan seni bina tanpa kepala TanStack Table yang berkuasa.

  1. 1Falsafah Jadual TanStack dan Reka Bentuk Tanpa Kepala
  2. 2Mentakrifkan Lajur dan Memaparkan Baris
  3. 3Pengisihan, Penapisan dan Penomboran
  4. +1 lagi
Mula belajar secara percumaDapatkan akses dengan PRO
29

B14 pelajaranPRO

Urus keadaan React dengan model atom minimum Jotai — atom boleh digubah yang menerbitkan nilai, mengendalikan operasi tak segerak dan berintegrasi sempurna dengan React Suspense.

  1. 1Atom: Unit Keadaan dalam Jotai
  2. 2Membaca dan Menulis Atom dengan useAtom
  3. 3Atom Terbitan dan Atom Tak Segerak
  4. +1 lagi
Mula belajar secara percumaDapatkan akses dengan PRO
30

B14 pelajaranPRO

Gunakan strategi stale-while-revalidate SWR untuk pengambilan data yang pantas dan boleh dipercayai dengan pengesahan semula automatik, mutasi dan sokongan luar talian.

  1. 1Konsep Teras SWR: Usang-Sambil-Sah Semula
  2. 2Hook useSWR: Keadaan Mendapatkan Data, Memuatkan dan Ralat
  3. 3Mutasi dan Kemas Kini Optimistik dengan SWR
  4. +1 lagi
Mula belajar secara percumaDapatkan akses dengan PRO
31

B14 pelajaranPRO

Bina antara muka React seret dan lepas yang boleh diakses serta mesra sentuhan dengan dnd-kit — termasuk senarai boleh diisih, papan kanban dan interaksi seret berbilang bekas.

  1. 1Seni Bina dnd-kit dan Reka Bentuk Mengutamakan Kebolehcapaian
  2. 2DndContext, useDraggable dan useDroppable
  3. 3SortableContext untuk Senarai yang Boleh Disusun Semula
  4. +1 lagi
Mula belajar secara percumaDapatkan akses dengan PRO
32

B14 pelajaranPRO

Cipta animasi React yang lancar berasaskan fizik spring menggunakan react-spring — daripada peralihan nilai mudah hingga interaksi kompleks dipacu gerak isyarat.

  1. 1Teras React Spring: Hook useSpring
  2. 2Komponen Beranimasi dan Interpolasi Gaya
  3. 3useTrail dan useChain untuk Jujukan
  4. +1 lagi
Mula belajar secara percumaDapatkan akses dengan PRO
33

B14 pelajaranPRO

Laksanakan suapan data masa nyata dalam React menggunakan Peristiwa Dihantar Pelayan dan strategi pengundian — serta fahami pertukarannya berbanding WebSockets untuk pelbagai kes penggunaan.

  1. 1Perbandingan SSE berbanding WebSockets berbanding Pengundian
  2. 2Menggunakan Strim SSE dalam React dengan EventSource
  3. 3Corak Tinjauan Panjang dan Logik Penyambungan Semula
  4. +1 lagi
Mula belajar secara percumaDapatkan akses dengan PRO
34

B13 pelajaranPRO

Fahami useEffect : bila ia berjalan berbanding pemaparan, cara tatasusunan kebergantungan mengawalnya, dan cara menulis pembersihan yang selamat.

  1. 1Kesan berbanding Pemaparan, Kebergantungan & Pembersihan
  2. 2Perangkap Lazim: Penutupan Lapuk & Kebergantungan Tiada
  3. 3Asas Pengambilan Data dalam Kesan (Batal & Pembersihan)
Mula belajar secara percumaDapatkan akses dengan PRO
35

B13 pelajaranPRO

Reka UI data yang tahan lasak: kendalikan keadaan memuatkan , ralat , kosong dan berjaya dengan maklum balas yang jelas serta rangka ringkas.

  1. 1Keadaan Memuat, Ralat, Kosong & Rangka
  2. 2Idea Percubaan Semula/Undur & Pembatalan Permintaan
  3. 3Pengenalan kepada Pembantu Pengambilan Data (Tanpa Pustaka Berat)
Mula belajar secara percumaDapatkan akses dengan PRO
36

B13 pelajaranPRO

Kongsi keadaan merentas komponen yang berjauhan dengan Konteks untuk mengelakkan pengaliran prop; sediakan Penyedia dan baca nilai melalui useContext .

  1. 1Asas Konteks & Mengelakkan Penggerudian Prop
  2. 2Asas useReducer & Corak Tindakan
  3. 3Konteks + Reducer: Bekas Keadaan Mudah
Mula belajar secara percumaDapatkan akses dengan PRO
37

B13 pelajaranPRO

Ekstrak logik yang boleh diguna semula ke dalam cangkuk tersuai : takrifkan parameter yang jelas, kembalikan nilai/tindakan yang stabil dan kekalkan kesan yang bersih.

  1. 1Mengekstrak Logik kepada Cangkuk: Parameter & Nilai Pulangan
  2. 2Penamaan, Memoisasi & Kebersihan Kesan
  3. 3Menguji Cangkuk Tersuai (Pratonton)
Mula belajar secara percumaDapatkan akses dengan PRO
38

B13 pelajaranPRO

Bina UI yang inklusif: gunakan semantik sebenar, label dan peranan yang jelas, serta urus fokus papan kekunci untuk navigasi yang lancar.

  1. 1Semantik, Label, Peranan, Fokus
  2. 2Interaksi Papan Kekunci & Pautan Langkau
  3. 3Menguji Asas Kebolehcapaian
Mula belajar secara percumaDapatkan akses dengan PRO
39

B14 pelajaranPRO

Tambahkan animasi dan peralihan lancar pada aplikasi React dengan Framer Motion: komponen motion, varian, gerak isyarat dan animasi reka letak.

  1. 1Komponen Motion & Animasi Asas
  2. 2Varian untuk Animasi Teratur
  3. 3Animasi Gerak Isyarat: Hover, Ketik & Seret
  4. +1 lagi
Mula belajar secara percumaDapatkan akses dengan PRO
40

B13 pelajaranPRO

Tangkap ralat semasa pemaparan dengan Sempadan Ralat, tunjukkan pengganti yang selamat dan pastikan bahagian lain aplikasi kekal responsif.

  1. 1Komponen Sempadan Ralat (Pembalut Berasaskan Kelas)
  2. 2UI Pemulihan & Strategi Pelaporan
  3. 3Melindungi Kesan & Pembersihan
Mula belajar secara percumaDapatkan akses dengan PRO
41

B13 pelajaranPRO

Tambahkan jenis ringan pada komponen React. Mulakan dengan prop, kemudian ekstrak generik yang boleh diguna semula supaya kod UI kekal selamat dan jelas.

  1. 1Penaipan Prop & Generik untuk Komponen Boleh Guna Semula
  2. 2Jenis Peristiwa, Rujukan dan Penaipan Konteks
  3. 3Berhijrah Secara Berperingkat
Mula belajar secara percumaDapatkan akses dengan PRO
42

B13 pelajaranPRO

Susun aplikasi React: folder berasaskan ciri, primitif UI kecil berbanding komponen gabungan, cangkuk dan ujian ditempatkan bersama, serta peraturan pemfaktoran semula yang jelas.

  1. 1Folder Ciri & Komponen UI berbanding Komposit
  2. 2Konvensyen Folder Cangkuk & Peletakan Bersama Ujian
  3. 3Garis Panduan Pemfaktoran Semula
Mula belajar secara percumaDapatkan akses dengan PRO
43

B24 pelajaranPRO

Paparkan ribuan item senarai tanpa kemerosotan prestasi dengan menggunakan react-window untuk memayakan output DOM — hanya memaparkan perkara yang kelihatan dalam port pandangan.

  1. 1Masalah Pemaparan Senarai Besar
  2. 2FixedSizeList: Memaparkan Ribuan Item
  3. 3VariableSizeList: Ketinggian Baris Dinamik
  4. +1 lagi
Mula belajar secara percumaDapatkan akses dengan PRO
44

B24 pelajaranPRO

Kendalikan operasi tak segerak secara idiomatik dalam React dengan useEffect, useTransition, useDeferredValue dan Suspense.

  1. 1Keadaan Perlumbaan & Pembersihan Kesan
  2. 2useTransition untuk Kemas Kini Antara Muka Tidak Menyekat
  3. 3useDeferredValue untuk Nyahlantun Input
  4. +1 lagi
Mula belajar secara percumaDapatkan akses dengan PRO
45

B24 pelajaranPRO

Fahami render props dan komponen tertib tinggi sebagai corak penggunaan semula kod klasik sebelum digantikan oleh hook.

  1. 1Corak Prop Pemaparan
  2. 2Penjelasan Komponen Aras Lebih Tinggi (HOC)
  3. 3HOC berbanding Prop Pemaparan berbanding Cangkuk Tersuai
  4. +1 lagi
Mula belajar secara percumaDapatkan akses dengan PRO
46

B24 pelajaranPRO

Fahami perbezaan halus tetapi penting antara useEffect dan useLayoutEffect — masa setiap satunya dicetuskan berbanding pengesahan DOM — dan gunakan setiap satunya dengan betul.

  1. 1Fasa Pemaparan dan Komit DOM
  2. 2Masa useLayoutEffect Berjalan berbanding useEffect
  3. 3Mengukur Elemen DOM dengan useLayoutEffect
  4. +1 lagi
Mula belajar secara percumaDapatkan akses dengan PRO
47

B24 pelajaranPRO

Urus keadaan aplikasi yang kompleks dengan hirisan Redux Toolkit, thunk dan RTK Query untuk caching keadaan pelayan serta penyegerakan.

  1. 1Hirisan Redux Toolkit & createSlice
  2. 2Logik Tak Segerak dengan createAsyncThunk
  3. 3RTK Query: Titik Akhir & Caching Automatik
  4. +1 lagi
Mula belajar secara percumaDapatkan akses dengan PRO
48

B24 pelajaranPRO

Fahami Komponen Pelayan React, hook use(), Actions dan API React 19 lain yang mengubah cara data mengalir dalam aplikasi.

  1. 1Penjelasan Komponen Pelayan React
  2. 2Cangkuk use() untuk Sumber Tak Segerak
  3. 3Tindakan React & useActionState
  4. +1 lagi
Mula belajar secara percumaDapatkan akses dengan PRO
49

B24 pelajaranPRO

Urus keadaan pelayan dengan TanStack Query: pengambilan, caching, pengambilan semula di latar belakang, mutasi dan penomboran.

  1. 1Menyediakan React Query & QueryClient
  2. 2Caching, Masa Luput & Ambil Semula di Latar
  3. 3Mutasi dengan useMutation
  4. +1 lagi
Mula belajar secara percumaDapatkan akses dengan PRO
50

B24 pelajaranPRO

Tulis ujian integrasi dengan React Testing Library dan ujian hujung ke hujung dengan Playwright untuk mengesahkan aliran pengguna sebenar.

  1. 1Pengujian Integrasi dengan React Testing Library
  2. 2Menguji Antara Muka Tak Segerak & Panggilan API dengan MSW
  3. 3Bermula dengan Playwright untuk React
  4. +1 lagi
Mula belajar secara percumaDapatkan akses dengan PRO
51

B24 pelajaranPRO

Dokumentasikan, bangunkan dan uji komponen UI React secara berasingan menggunakan Storybook dengan cerita CSF3 serta tambahan.

  1. 1Menyediakan Storybook dalam Projek React
  2. 2Menulis Cerita CSF3
  3. 3Args, Kawalan & Tambahan Actions
  4. +1 lagi
Mula belajar secara percumaDapatkan akses dengan PRO
52

B24 pelajaranPRO

Bina antara muka React yang dikemas kini secara langsung menggunakan WebSockets dan pustaka seperti Socket.IO untuk sembang, pemberitahuan dan papan pemuka.

  1. 1Asas WebSocket dalam Pelayar
  2. 2Menggunakan Socket.IO dengan React
  3. 3Membina Komponen Sembang Masa Nyata
  4. +1 lagi
Mula belajar secara percumaDapatkan akses dengan PRO
53

B24 pelajaranPRO

Bina API yang selamat jenis sepenuhnya tanpa skema atau penjanaan kod menggunakan tRPC — berkongsi jenis antara bahagian hadapan React dan bahagian belakang Node.js anda secara automatik.

  1. 1Masalah yang Diselesaikan oleh tRPC
  2. 2Menyediakan tRPC dengan React dan Next.js
  3. 3Pertanyaan, Mutasi dan Langganan
  4. +1 lagi
Mula belajar secara percumaDapatkan akses dengan PRO
54

B24 pelajaranPRO

Sepadukan GraphQL ke dalam aplikasi React dengan Apollo Client — membuat pertanyaan, mutasi, pencachean dan memastikan UI selaras dengan data pelayan.

  1. 1Asas GraphQL untuk Pembangun React
  2. 2Menyediakan Klien Apollo dalam React
  3. 3Hook useQuery dan useMutation
  4. +1 lagi
Mula belajar secara percumaDapatkan akses dengan PRO
55

B24 pelajaranPRO

Bina UI yang pantas dan responsif yang memaparkan hasil serta-merta sebelum pengesahan pelayan — dengan pengembalian yang betul apabila gagal dan strategi penyelesaian konflik.

  1. 1Apakah UI Optimistik dan Bila Menggunakannya
  2. 2Melaksanakan Kemas Kini Optimistik Secara Manual
  3. 3Pemulihan Selepas Ralat dan Penyelesaian Konflik
  4. +1 lagi
Mula belajar secara percumaDapatkan akses dengan PRO
56

B24 pelajaranPRO

Pakejkan dan terbitkan pustaka komponen React boleh guna semula ke npm — mengendalikan output dwi ESM/CJS, kebergantungan rakan sebaya, pengguguran pepohon dan pensaveran automatik.

  1. 1Penghimpunan dengan Rollup dan tsup untuk Pustaka
  2. 2Output Pakej Berkembar ESM dan CJS
  3. 3Kebergantungan Rakan Sebaya dan Penggoncangan Pepohon
  4. +1 lagi
Mula belajar secara percumaDapatkan akses dengan PRO
57

B23 pelajaranPRO

Fahami fasa pemaparan berbanding penggunaan React, bila komponen dikemas kini dan bila pemoinan membantu.

  1. 1Pemaparan Semula berbanding Komit: Bila Perlu Dioptimumkan
  2. 2React.memo, useMemo, useCallback — Dalam Amalan
  3. 3Keadaan Terbitan & Mengelakkan Pemaparan Tambahan
Mula belajar secara percumaDapatkan akses dengan PRO
58

B23 pelajaranPRO

Pelajari asas UI serentak dengan useTransition : kekalkan respons taip, paparkan petunjuk menunggu dan tangguhkan kemas kini yang tidak mendesak.

  1. 1useTransition untuk UI Menunggu (Asas Serentak)
  2. 2Suspense untuk Sempadan Tak Segerak (Konsep)
  3. 3Sandaran & Pemisahan Laluan Perlahan
Mula belajar secara percumaDapatkan akses dengan PRO
59

B23 pelajaranPRO

Muatkan hanya perkara yang diperlukan dengan memisahkan kod skrin dan widget. Gunakan React.lazy dan Suspense untuk menghasilkan aplikasi yang terasa lebih pantas.

  1. 1React.lazy dan Suspense — Komponen Malas
  2. 2Pemisahan Berasaskan Laluan & Aras Komponen
  3. 3Himpunan, Cache & Petunjuk Pramuat
Mula belajar secara percumaDapatkan akses dengan PRO
60

B23 pelajaranPRO

Sediakan ujian dengan Vitest/Jest dan React Testing Library ; paparkan komponen, buat pertanyaan mengikut peranan/label dan jalankan dalam persekitaran jsdom.

  1. 1Persediaan React Testing Library + Vitest/Jest
  2. 2Pertanyaan, Peristiwa, Tegasan — Borang & UI Tak Segerak
  3. 3Sindiran Pengambilan Data & Pemasa
Mula belajar secara percumaDapatkan akses dengan PRO
61

B24 pelajaranPRO

Bina aplikasi web tindanan penuh dengan Penghala Aplikasi Next.js 14+: penghalaan berasaskan fail, reka letak, komponen pelayan dan metadata.

  1. 1Konvensyen Fail Penghala Aplikasi
  2. 2Komponen Pelayan berbanding Klien dalam Next.js
  3. 3Laluan Dinamik & Kumpulan Laluan
  4. +1 lagi
Mula belajar secara percumaDapatkan akses dengan PRO
62

B24 pelajaranPRO

Ambil, cache dan sahkan semula data dalam Penghala Aplikasi Next.js menggunakan pilihan fetch, unstable_cache dan pengesahan semula atas permintaan.

  1. 1fetch() dengan Pilihan Cache dalam Next.js
  2. 2unstable_cache & React cache()
  3. 3Penjanaan Semula Statik Berperingkat (ISR)
  4. +1 lagi
Mula belajar secara percumaDapatkan akses dengan PRO
63

B24 pelajaranPRO

Tambahkan pengesahan pada aplikasi Next.js menggunakan Auth.js (NextAuth v5): penyedia OAuth, bukti kelayakan, sesi dan perlindungan laluan.

  1. 1Menyediakan Auth.js dalam Penghala Aplikasi Next.js
  2. 2Pengurusan Sesi & Cangkuk useSession
  3. 3Penyedia Kelayakan & Log Masuk Tersuai
  4. +1 lagi
Mula belajar secara percumaDapatkan akses dengan PRO
64

B24 pelajaranPRO

Pindahkan pengetahuan React anda ke mudah alih dengan mempelajari primitif React Native, penggayaan, navigasi dan API peranti natif.

  1. 1Komponen Teras React Native berbanding DOM Web
  2. 2Penggayaan dengan API StyleSheet & Flexbox
  3. 3Navigasi dengan Expo Router
  4. +1 lagi
Mula belajar secara percumaDapatkan akses dengan PRO
65

B24 pelajaranPRO

Gunakan aplikasi React dan Next.js ke produksi menggunakan Vercel, AWS S3/CloudFront dan bekas Docker dengan saluran paip CI/CD.

  1. 1Menerapkan ke Vercel: Tanpa Konfigurasi & URL Pratonton
  2. 2Mengehos SPA React di AWS S3 & CloudFront
  3. 3Mendockerkan Aplikasi React/Next.js
  4. +1 lagi
Mula belajar secara percumaDapatkan akses dengan PRO
66

B24 pelajaranPRO

Gunakan Tindakan Pelayan React 19 dan tindakan borang Next.js untuk mengendalikan mutasi pada pelayan — menghapuskan laluan API bagi corak borang biasa dengan peningkatan berperingkat.

  1. 1Tindakan Pelayan dalam React 19 dan Next.js
  2. 2Tindakan Borang: Menggantikan Laluan API untuk Mutasi
  3. 3useActionState dan useFormStatus
  4. +1 lagi
Mula belajar secara percumaDapatkan akses dengan PRO
67

B24 pelajaranPRO

Perkukuh aplikasi React daripada XSS, CSRF dan kerentanan lain — dengan panduan praktikal tentang Dasar Keselamatan Kandungan, pengurusan rahsia dan pemaparan selamat.

  1. 1XSS dalam React: dangerouslySetInnerHTML dan Skrip Pihak Ketiga
  2. 2Perlindungan CSRF dalam Persediaan React dan API
  3. 3Dasar Keselamatan Kandungan untuk Aplikasi React
  4. +1 lagi
Mula belajar secara percumaDapatkan akses dengan PRO
68

B24 pelajaranPRO

Bina sistem token reka bentuk berskala yang menggerakkan pustaka komponen React berbilang tema — daripada takrifan token hingga pemboleh ubah CSS, integrasi Tailwind dan Style Dictionary.

  1. 1Apakah Token Reka Bentuk dan Mengapa Ia Penting
  2. 2Style Dictionary: Mengubah dan Menjana Token
  3. 3Token dalam Tailwind, Pemboleh Ubah CSS dan CSS-in-JS
  4. +1 lagi
Mula belajar secara percumaDapatkan akses dengan PRO
69

B24 pelajaranPRO

Bina aplikasi desktop merentas platform menggunakan Electron dengan bahagian hadapan React — meliputi komunikasi IPC, API natif dan pembungkusan pengedaran.

  1. 1Seni Bina Electron: Proses Utama dan Pemapar
  2. 2Menyediakan React dengan Electron
  3. 3Komunikasi IPC antara Proses
  4. +1 lagi
Mula belajar secara percumaDapatkan akses dengan PRO
70

B23 pelajaranPRO

Bina komponen gandingan: induk menyediakan konteks dan anak menggunakannya untuk API yang fleksibel.

  1. 1Penyelarasan Induk–Anak melalui Konteks
  2. 2Ergonomik API dengan Komposisi
  3. 3Corak Slot dengan Anak Bernama Jelas
Mula belajar secara percumaDapatkan akses dengan PRO
71

B23 pelajaranPRO

Bina borang besar dengan bahagian kecil yang ringkas dan kukuh: tatasusunan medan, bahagian dinamik dan aliran pengesahan mudah.

  1. 1Tatasusunan Medan, Borang Dinamik, Aliran Pengesahan
  2. 2Pengesahan Tak Segerak & Medan Bersandar
  3. 3Helah Prestasi untuk Borang Besar
Mula belajar secara percumaDapatkan akses dengan PRO
72

B23 pelajaranPRO

Melangkaui asas: reka letak bersarang, pemuat laluan secara konsep dan idea prapengambilan mudah untuk navigasi yang lebih lancar.

  1. 1Susun Atur Bersarang, Pemuat (Konsep), Pramuat Awal
  2. 2Aliran Pengesahan & Laluan Dilindungi
  3. 3Pemulihan Tatalan & Laluan Tidak Ditemui
Mula belajar secara percumaDapatkan akses dengan PRO
73

B23 pelajaranPRO

Ketahui perkara yang sepatutnya berada dalam cache pelayan dan perkara yang merupakan keadaan UI setempat. Dapatkan, segarkan dan elakkan percampuran kebimbangan.

  1. 1Membezakan Data Pelayan dan Keadaan UI Tempatan
  2. 2Pepenormalan & Kemas Kini Optimistik (Konsep)
  3. 3Corak Penyegerakan Tanpa Pustaka Berat
Mula belajar secara percumaDapatkan akses dengan PRO
74

B23 pelajaranPRO

Cipta lapisan atas yang boleh dicapai: paparkan dengan portal, kekalkan fokus di dalamnya dan sokong penutupan pantas dengan Escape/latar belakang.

  1. 1Portal, Perangkap Fokus, Escape-untuk-Tutup
  2. 2Pengurus Tindanan Global (Konteks + Reducer)
  3. 3Pengumuman untuk Kebolehcapaian (aria-live)
Mula belajar secara percumaDapatkan akses dengan PRO
75

B23 pelajaranPRO

Sediakan aplikasi untuk produksi: binaan pembangunan berbanding produksi, peta sumber, pemboleh ubah persekitaran mudah dan semakan kecil untuk penghantaran yang yakin.

  1. 1Binaan Dev/Prod, Peta Sumber, Persekitaran
  2. 2Analisis Himpunan & Membuang Kod Tidak Digunakan
  3. 3CI Asas: Lint → Ujian → Binaan
Mula belajar secara percumaDapatkan akses dengan PRO
76

C14 pelajaranPRO

Kuasai API React imperatif — dedahkan nilai tika komponen tersuai kepada komponen induk menggunakan forwardRef dan useImperativeHandle apabila corak deklaratif tidak memadai.

  1. 1forwardRef: Mendedahkan Rujukan DOM kepada Induk
  2. 2useImperativeHandle: Nilai Tika Tersuai
  3. 3Membina API Komponen Imperatif
  4. +1 lagi
Mula belajar secara percumaDapatkan akses dengan PRO
77

C14 pelajaranPRO

Pelajari cangkuk useSyncExternalStore React 18 — cara yang betul untuk menyegerakkan komponen React dengan sumber keadaan luaran seperti API pelayar, gedung global dan pustaka pihak ketiga.

  1. 1Masalah Langganan Gedung Luaran
  2. 2API dan Parameter useSyncExternalStore
  3. 3Melanggan API Pelayar
  4. +1 lagi
Mula belajar secara percumaDapatkan akses dengan PRO
78

C14 pelajaranPRO

Pecahkan frontend React yang besar kepada mikro-frontend yang digunakan secara berasingan menggunakan Module Federation dan single-spa.

  1. 1Konsep Perantara Hadapan Mikro & Pertukaran
  2. 2Federasi Modul dengan Webpack 5
  3. 3Keadaan Dikongsi & Penghalaan antara MFE
  4. +1 lagi
Mula belajar secara percumaDapatkan akses dengan PRO
79

C14 pelajaranPRO

Fahami mekanisme pemaparan pada pelayan, hidratasi, hidratasi terpilih dan penstriman HTML dengan renderToPipeableStream React.

  1. 1Cara SSR React Berfungsi di Sebalik Tabir
  2. 2Ralat Hidrasi: Punca & Penyelesaian
  3. 3Hidrasi Terpilih & Penstriman HTML
  4. +1 lagi
Mula belajar secara percumaDapatkan akses dengan PRO
80

C14 pelajaranPRO

Tingkatkan kemahiran TypeScript React dengan kesatuan berbeza, jenis terpetakan, jenis bersyarat dan API komponen selamat jenis.

  1. 1Kesatuan Berbeza untuk Varian Komponen
  2. 2Jenis Bersyarat & Dipetakan dalam React
  3. 3Komponen Polimorfik dengan Prop 'as'
  4. +1 lagi
Mula belajar secara percumaDapatkan akses dengan PRO
81

C14 pelajaranPRO

Ukur dan tingkatkan Teras Web Vitals (LCP, INP, CLS) dalam aplikasi React dengan alat pemprofilan, analisis himpunan dan pengoptimuman bersasar.

  1. 1Mengukur Web Vitals Teras dalam Aplikasi React
  2. 2Analisis Himpunan & Strategi Pemisahan Kod
  3. 3Pengoptimuman Imej & Fon dalam React
  4. +1 lagi
Mula belajar secara percumaDapatkan akses dengan PRO
82

C14 pelajaranPRO

Susun berbilang aplikasi React dan pustaka dikongsi dalam monorepo menggunakan Nx dengan penjadualan tugasan pintar serta CI berasaskan perubahan.

  1. 1Mencipta Monorepo Nx dengan Aplikasi React
  2. 2Pustaka Dikongsi & Pakej Dalaman
  3. 3Perintah Nx Affected & Caching
  4. +1 lagi
Mula belajar secara percumaDapatkan akses dengan PRO
83

C14 pelajaranPRO

Elakkan penghidratan seluruh halaman dengan menggunakan Seni Bina Kepulauan — menghidratkan secara terpilih hanya komponen React interaktif yang memerlukannya menggunakan Astro.

  1. 1Masalah Penghidratan Penuh
  2. 2Seni Bina Pulau: Penghidratan Terpilih
  3. 3Persediaan Pulau Astro dan React
  4. +1 lagi
Mula belajar secara percumaDapatkan akses dengan PRO
84

C14 pelajaranPRO

Sepadukan modul WebAssembly ke dalam aplikasi React untuk tugasan yang memerlukan pengiraan intensif — daripada modul Rust WASM hingga memori dikongsi dan jalur pekerja.

  1. 1Apakah WebAssembly dan Peranan React
  2. 2Memuatkan Modul WASM dalam React
  3. 3Rust kepada WASM dengan wasm-pack dan React
  4. +1 lagi
Mula belajar secara percumaDapatkan akses dengan PRO
85

C14 pelajaranPRO

Hidangkan aplikasi React dari tepi dengan kependaman bawah milisaat — menggunakan Cloudflare Workers, SSR penstriman dan strategi pencachean asli tepi.

  1. 1Apakah Pemaparan Pinggir dan Mengapa Ia Penting
  2. 2React pada Cloudflare Workers dengan Hono
  3. 3SSR Penstriman dari Pinggir
  4. +1 lagi
Mula belajar secara percumaDapatkan akses dengan PRO
86

C14 pelajaranPRO

Lengkapkan aplikasi React dengan OpenTelemetry untuk mengumpul jejak, mengukur prestasi pengguna sebenar dan mengaitkan peristiwa bahagian hadapan dengan rentang bahagian belakang.

  1. 1Kebolehcerapan Bahagian Hadapan: Apa dan Mengapa
  2. 2Jejak OpenTelemetry dari Pelayar
  3. 3Pemantauan Pengguna Sebenar dan Vital Web
  4. +1 lagi
Mula belajar secara percumaDapatkan akses dengan PRO
87

C14 pelajaranPRO

Gunakan SSR penstriman React 18 dan Suspense untuk menghantar HTML secara berperingkat kepada pelayar — meningkatkan prestasi yang dirasai tanpa menunggu semua data dimuatkan.

  1. 1Penstriman React 18: Cara renderToPipeableStream Berfungsi
  2. 2Sempadan Suspense dan Keutamaan Penstriman
  3. 3Penghidratan Berperingkat dengan Penghidratan Terpilih
  4. +1 lagi
Mula belajar secara percumaDapatkan akses dengan PRO
88

C14 pelajaranPRO

Laksanakan Persekutuan Modul Webpack untuk membina dan menggunakan bahagian hadapan mikro React secara berasingan — sambil berkongsi kebergantungan, keadaan dan penghalaan merentas aplikasi jauh.

  1. 1Persekutuan Modul: Import Masa Jalan Dinamik
  2. 2Mengkonfigurasi Aplikasi React Hos dan Jauh
  3. 3Berkongsi Keadaan dan Penghalaan antara Remot
  4. +1 lagi
Mula belajar secara percumaDapatkan akses dengan PRO
CoddyKit PRO

Dapatkan akses kepada kesemua 88 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

Bina Antara Muka Sebenar dengan React

React ialah pustaka JavaScript yang menentukan cara kebanyakan UI produksi dibina hari ini — daripada aplikasi satu halaman dan tapak Next.js hingga aplikasi mudah alih serta desktop merentas platform. Laluan ini merangkumi keseluruhan bidang: seni bina komponen, pengurusan keadaan, pengambilan data, prestasi, pengujian dan pelancaran. Kandungannya berasaskan cara React benar-benar berfungsi — penyelaras, model fiber dan semantik cangkuk — bukan sekadar API permukaannya.

Perkara yang Akan Anda Pelajari

Anda akan bermula dengan JSX, props, keadaan dan komponen terkawal, kemudian beralih kepada useEffect, useRef dan useReducer. Kursus praktikal merangkumi penghalaan dengan React Router v6, pengendalian borang dengan React Hook Form, keadaan pelayan dengan React Query dan SWR, serta keadaan global dengan Redux Toolkit, Zustand dan Jotai. Anda akan menggunakan TypeScript dalam React, menulis ujian integrasi dan ujian hujung ke hujung, membina sistem reka bentuk dengan Storybook, mengendalikan UI masa nyata melalui WebSockets dan menghantar API selamat jenis dengan tRPC. Laluan ini turut merangkumi Next.js App Router, komponen pelayan, tindakan pelayan dan pengesahan dengan NextAuth.js.

Laluan Pembelajaran

Sembilan puluh lima kursus merangkumi tahap A1 hingga C1. Kursus A1 dan A2 membina asas React, pemaparan JSX, animasi CSS, penyimpanan berterusan storan setempat dan mod gelap. Kursus B1 membina keyakinan melalui corak konteks, i18n, React Spring, Framer Motion, seret dan lepas dengan dnd-kit serta jadual data kompleks dengan TanStack Table. Kursus B2 membincangkan pemaparan dan pemomoran, Suspense, pemisahan kod, React Native untuk pembangun React, pelancaran ke Vercel dan AWS serta Electron untuk aplikasi desktop. Tahap C1 diakhiri dengan topik lanjutan: Seni Bina Mikro-Frontend, Penyelaman Mendalam SSR dan Penghidratan, Penggabungan Modul, Seni Bina Islands dengan Astro, Integrasi WebAssembly, Pemaparan Pinggir dengan Cloudflare Workers dan OpenTelemetry untuk Kebolehcerapan Bahagian Hadapan.

Cara Ia Berfungsi

Setiap kursus dibahagikan kepada pelajaran pendek dan berfokus yang anda selesaikan dalam penyunting kod terbina dalam dengan maklum balas masa nyata. Tutor AI tersedia apabila anda buntu tentang sesuatu konsep atau menghadapi ujian yang gagal. Anda boleh mengikuti laluan ini mengikut urutan atau terus melompat ke tahap yang sepadan dengan pengalaman semasa anda.

Alat

Berlatih dengan AI, bukan sekadar membaca

Tingkatkan pembelajaran anda dengan alat dan ciri berkuasa AI

Penjana Kod AIJana kod menggunakan AIPembetulan Pepijat AICari dan baiki ralat kodPROWawasan AIAnalisis kod mendalamPROSembang AIBerbual dengan tutor AITanya Soalan SuperDapatkan jawapan bertaraf pakarPROCipta PelajaranPembina pelajaran berkuasa AIPROMulakan Peperiksaan PensijilanDapatkan sijil andaPROPenyunting KodTulis dan jalankan kodMulakan 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

Vue Academy logoVue AcademyCreate interactive and efficient user interfaces with Vue.js through Vue Academy.Sveltejs Academy logoSveltejs AcademyBuild fast and simple user interfaces with modern techniques at Svelte Academy.TypeScript Academy logoTypeScript AcademyEnhance your JavaScript projects with TypeScript through lessons at TypeScript Academy.C# Academy logoAkademi C#Master C# programming and develop versatile software solutions with C# Academy.Firebase Auth & Realtime Database Apps logoAplikasi Pengesahan Firebase dan Pangkalan Data Masa NyataMaster Firebase Authentication and Realtime Database to build scalable, secure, and dynam…Design Systems & Component Libraries logoSistem Reka Bentuk & Pustaka KomponenMaster the art of creating robust design systems and efficient component libraries to acc…
FAQ

Soalan Lazim

Adakah kursus React Academy percuma?

Ya. Anda boleh memulakan kursus React 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 React?

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 React.

Bagaimanakah saya akan mempelajari React 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 Academy?

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

Bolehkah saya mempelajari React melalui telefon saya?

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

Berapakah kos CoddyKit PRO?

Kursus pertama dalam React 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 Academy?

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

Mulakan React Academy Sekarang

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

Mula belajar secara percumaSemak Semua Kursus