Menengah
React
Pelajari React dari nol. Komponen, state, hooks, context, performa, routing, pengujian, dan aplikasi capstone.
17 pelajaran10.2h praktik11 bahasa
Mulai belajar gratisReact kursus17 pelajaran, berurutan
- 125 mnt
Apa itu React?
What React isComponents as functionsVirtual DOM intuitionRendering JSXCreating a Vite app - 230 mnt
JSX dan Komponen
JSX syntax rulesSingle root elementClassName vs classEmbedding expressions with {}Defining componentsComposing components - 330 mnt
Properti
Passing props as attributesReceiving props objectDestructuring props in signatureDefault valuesThinking about prop shapes - 435 mnt
State dengan useState
UseState hookReading stateCalling the setterUpdater function formNever mutate stateCounter pattern - 530 mnt
Menangani Peristiwa
OnClick handlerOnChange basicsPassing functions vs calling themEvent objectPassing handlers as props - 630 mnt
Rendering Bersyarat dan Daftar
&& for show/hideTernary for either/orMapping arrays to JSXThe key propWhy keys need to be stable - 735 mnt
Formulir dan Input Terkontrol
Controlled input patternValue and onChange togetherMulti-field form stateOnSubmit and preventDefaultGathering form data - 840 mnt
Efek dengan useEffect
What counts as a side effectUseEffect signatureDependency arrayRunning on mount onlyCleanup functionSubscribe/unsubscribe pattern - 935 mnt
Komposisi Komponen
Children propWrapping componentsPassing JSX as propsLifting state upThinking in component trees - 1035 mnt
Context dan useContext
CreateContextContext.ProviderUseContextWhen context is the right toolContext vs prop drilling tradeoffs - 1135 mnt
useReducer
When to reach for useReducerReducer function shapeAction objectsDispatchCombining useReducer with useContext - 1235 mnt
Hook Kustom
Extracting stateful logic into a functionUse prefix conventionUseToggle exampleUseLocalStorage exampleHooks rules - 1335 mnt
Performa dan Memoization
React.memo for componentsUseMemo for expensive computationsUseCallback for stable function referencesWhen memoization is overkillMeasuring before optimizing - 1440 mnt
Pengambilan Data
Fetch inside useEffectLoading/error/data statesAbortController cleanupPreventing setState after unmountMention TanStack Query as a next step - 1540 mnt
Perutean dengan React Router
Installing react-router-domBrowserRouterRoutes and RouteLink for navigationUseParamsUseNavigate - 1640 mnt
Menguji Komponen React
Vitest + React Testing Library setupRender and screenGetByRole queriesUserEvent for interactionsWriting one good button test - 1760 mnt
Capstone: Aplikasi Todo
Combining state, lists, controlled inputsCustom hook for localStorage persistenceSmall routing setupPutting it together
Pelajari React dalam bahasamu
Setiap pelajaran, kuis, dan balasan tutor tampil dalam bahasamu. Tutor AI menjawab dalam bahasa yang kamu pakai.