Belajar React & Berlatih

Aplikasi untuk belajar React melalui tutorial React js, daripada JSX hingga hooks serta pengurusan state dan aplikasi, dengan pratonton langsung di telefon. Dari peringkat pemula hingga lanjutan: 88 kursus React, 324 pelajaran interaktif, A1–C1; 22 bahasa.

TULIS KOD DI TELEFON ANDA

• IDE/editor JSX: baca, tulis kod, jalankan, pratonton langsung. Tanpa komputer riba/persediaan.

• ReactDOM/Babel terbina dalam berjalan pada peranti, bukan pelayan.

• Projek berbilang fail, import komponen, butang/borang interaktif.

MAKMAL

• Hooks Lab: perubahan state/render semula secara langsung.

• Props knobs: peluncur prop.

• Render profiler/state timeline (Pro): apa yang dirender semula, sebabnya; telusuri state.

LANGKAH DEMI LANGKAH, PEMULA HINGGA LANJUTAN

• JSX, komponen, props, state, peristiwa, senarai/keys, rendering bersyarat

• useState, useEffect, useRef, useReducer, hooks tersuai, useLayoutEffect, lagi

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

• Context, Redux Toolkit/RTK Query, Zustand, Jotai

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

• TypeScript, pengujian, Storybook, kebolehcapaian, keselamatan

• Memoization, pemisahan kod, Suspense, peralihan, senarai maya

• React 19, Server Components, SSR/hidrasi, penstriman

• Next.js App Router, pengambilan data, pengesahan identiti

• Asas React native untuk pembangun web

• Pelaksanaan, micro-frontends, module federation

BINA PROJEK SEBENAR

20 projek berpandu untuk belajar React: butang suka, kad profil, kalkulator tip, kuiz, jam randik, borang pendaftaran, troli beli-belah, karusel imej, senarai berhalaman, aplikasi tugasan, lagi. Setiap langkah menyemak fungsi komponen.

BERLATIH HINGGA INGAT

• 30 misi pengekodan untuk belajar React: mudah/sederhana/sukar; hooks, rendering, borang, context, prestasi.

• UI Match: bina semula sasaran; skor struktur/gaya/teks.

• Bug Hunt: cari/baiki pepijat komponen.

• Component Recall: pulihkan kod komponen yang hilang melalui pengulangan berjarak.

• 50 soalan kuiz; 50 soalan temu duga; helaian rujukan ringkas.

• Cabaran harian, rentetan harian, XP, papan kedudukan.

MENTOR AI (Pro)

Penerangan AI, semakan kod, cadangan pembaikan, pelajaran tersuai bagi sebarang topik.

SIJIL (Pro)

Lulus peperiksaan akhir untuk mendapat sijil yang boleh dikongsi.

UNTUK SIAPA

• Pemula dengan sedikit pengetahuan HTML, CSS atau JavaScript

• Pembangun yang beralih rangka kerja dengan cepat

• Persediaan temu duga pembangun frontend

• Pengekod otodidak yang membina portfolio projek

PERCUMA DAN Pro

Percuma: kursus pertama, satu projek berpandu, 2 misi pengekodan, editor/pratonton langsung, Hooks Lab, props knobs, Bug Hunt, 3 semakan UI Match/hari; iklan.

Pro: semua 88 kursus React, semua projek/misi, mentor AI, render profiler/state timeline, peperiksaan sijil; tanpa iklan.

React: tanda dagangan Meta Platforms, Inc. Next.js: tanda dagangan Vercel, Inc. Aplikasi pembelajaran bebas; tidak bersekutu dengan atau disokong oleh Meta atau Vercel.

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