Belajar React & Berlatih

Belajar React dengan menulis kodnya. Tutorial React JS ini membawa anda daripada baris pertama JSX kepada hooks, pengurusan keadaan dan aplikasi lengkap, dan setiap komponen yang anda tulis dipaparkan terus pada telefon anda dalam pratonton langsung.

88 kursus dan 324 pelajaran interaktif, tahap A1 hingga C1. Baca konsep ringkas, taip kod sebenar, ketik Jalankan dan lihat hasilnya. Tiada komputer riba atau persediaan diperlukan.

TULIS KOD PADA TELEFON ANDA

• Editor kod yang direka untuk JSX, dengan pratonton langsung yang memaparkan komponen anda dalam apl

• Runtime (ReactDOM dan Babel) disertakan dalam apl, jadi kod anda berjalan pada peranti, bukan pada pelayan

• Projek berbilang fail: import satu komponen ke dalam komponen lain, seperti cara aplikasi sebenar dibina

• Ketik butang yang dipaparkan, taip ke dalam borang anda dan lihat UI bertindak balas

MAKMAL

• Hooks Lab: lihat setiap perubahan keadaan dan setiap pemaparan semula semasa ia berlaku

• Tombol props: ubah prop dengan gelangsar dan lihat komponen dikemas kini

• Profiler pemaparan dan garis masa keadaan (Pro): ketahui komponen yang dipaparkan semula dan sebabnya, kemudian undur kembali melalui keadaan anda

LANGKAH DEMI LANGKAH, DARIPADA PEMULA HINGGA LANJUTAN

• Asas: JSX, komponen, props, keadaan, acara, senarai dan keys, pemaparan bersyarat

• Hooks: useState, useEffect, useRef, useReducer, hooks tersuai, useLayoutEffect dan banyak lagi

• Borang dan pengesahan, React Hook Form, input terkawal dan tidak terkawal

• Pengurusan keadaan: Context, Redux Toolkit dan RTK Query, Zustand dan Jotai

• React Router, pengambilan data, TanStack Query, SWR dan UI optimistik

• TypeScript, pengujian, Storybook, kebolehcapaian dan keselamatan

• Prestasi: pemoinan, pemisahan kod, Suspense, peralihan, senarai tervirtual

• React 19 dan Server Components, SSR dan hydration, penstriman

• Next.js App Router, pengambilan data dan pengesahan

• Asas React Native untuk pembangun web

• Pelancaran, micro-frontends dan module federation

BINA PROJEK SEBENAR

20 projek berpandu, satu langkah kecil pada satu masa: butang suka, kad profil, kalkulator tip, permainan kuiz, jam randik, borang pendaftaran, troli beli-belah, karusel imej, senarai bernombor halaman, aplikasi todo dan banyak lagi. Setiap langkah memeriksa bahawa komponen anda benar-benar berfungsi sebelum anda meneruskannya.

BERLATIH SEHINGGA LEKAT

• 30 misi pengekodan (mudah, sederhana dan sukar) tentang hooks, pemaparan, borang, context dan prestasi

• UI Match: bina semula komponen sasaran dan dapatkan skor untuk struktur, gaya dan teks

• Bug Hunt: cari dan baiki pepijat dalam komponen yang rosak

• Component Recall: taip semula bahagian yang hilang ke dalam kod yang sudah berjaya anda jalankan, dengan pengulangan berjarak

• Kuiz dengan 50 soalan, 50 soalan temu duga dan helaian rujukan ringkas

• Cabaran harian, streak, XP dan papan pendahulu

MENTOR AI (PRO)

Tersekat pada hook atau ralat? Tanya mentor AI untuk mendapatkan penjelasan yang jelas, biarkan AI menyemak kod anda dan mencadangkan pembaikan, atau jana pelajaran tersuai tentang apa-apa topik.

SIJIL (PRO)

Lulus peperiksaan akhir dan dapatkan sijil yang boleh anda kongsikan.

PERCUMA DAN PRO

Percuma: kursus pertama, satu projek berpandu, 2 misi pengekodan, editor kod dengan pratonton langsung, Hooks Lab, tombol props, Bug Hunt dan 3 semakan UI Match sehari. Versi percuma memaparkan iklan.

Pro: semua 88 kursus, semua projek dan misi, mentor AI, profiler pemaparan dan garis masa keadaan, peperiksaan sijil dan tiada iklan.

Apl ini tersedia dalam 22 bahasa.

React ialah tanda dagangan Meta Platforms, Inc. Next.js ialah tanda dagangan Vercel, Inc. Ini ialah apl pembelajaran bebas, tidak bergabung dengan atau disokong oleh Meta atau Vercel.

Dasar Privasi: https://www.coddykit.com/terms/privacy-policy