Mittel
React
React von Grund auf lernen. Komponenten, State, Hooks, Context, Performance, Routing, Tests und eine abschliessende Praxisanwendung.
17 Lektionen10.2h praktisch11 Sprachen
Kostenlos lernenReact Kurs17 Lektionen, der Reihe nach
- 125 Min.
Was ist React?
What React isComponents as functionsVirtual DOM intuitionRendering JSXCreating a Vite app - 230 Min.
JSX und Komponenten
JSX syntax rulesSingle root elementClassName vs classEmbedding expressions with {}Defining componentsComposing components - 330 Min.
Eigenschaften
Passing props as attributesReceiving props objectDestructuring props in signatureDefault valuesThinking about prop shapes - 435 Min.
Zustand mit useState
UseState hookReading stateCalling the setterUpdater function formNever mutate stateCounter pattern - 530 Min.
Ereignisse verarbeiten
OnClick handlerOnChange basicsPassing functions vs calling themEvent objectPassing handlers as props - 630 Min.
Bedingtes Rendering und Listen
&& for show/hideTernary for either/orMapping arrays to JSXThe key propWhy keys need to be stable - 735 Min.
Formulare und gesteuerte Eingaben
Controlled input patternValue and onChange togetherMulti-field form stateOnSubmit and preventDefaultGathering form data - 840 Min.
Effekte mit useEffect
What counts as a side effectUseEffect signatureDependency arrayRunning on mount onlyCleanup functionSubscribe/unsubscribe pattern - 935 Min.
Komponentenkomposition
Children propWrapping componentsPassing JSX as propsLifting state upThinking in component trees - 1035 Min.
Context und useContext
CreateContextContext.ProviderUseContextWhen context is the right toolContext vs prop drilling tradeoffs - 1135 Min.
useReducer
When to reach for useReducerReducer function shapeAction objectsDispatchCombining useReducer with useContext - 1235 Min.
Benutzerdefinierte Hooks
Extracting stateful logic into a functionUse prefix conventionUseToggle exampleUseLocalStorage exampleHooks rules - 1335 Min.
Leistung und Memoisierung
React.memo for componentsUseMemo for expensive computationsUseCallback for stable function referencesWhen memoization is overkillMeasuring before optimizing - 1440 Min.
Datenabruf
Fetch inside useEffectLoading/error/data statesAbortController cleanupPreventing setState after unmountMention TanStack Query as a next step - 1540 Min.
Routing mit React Router
Installing react-router-domBrowserRouterRoutes and RouteLink for navigationUseParamsUseNavigate - 1640 Min.
React-Komponenten testen
Vitest + React Testing Library setupRender and screenGetByRole queriesUserEvent for interactionsWriting one good button test - 1760 Min.
Abschlussprojekt: To-do-App
Combining state, lists, controlled inputsCustom hook for localStorage persistenceSmall routing setupPutting it together
Lerne React in deiner Sprache
Jede Lektion, jedes Quiz und jede Tutor-Antwort erscheint in deiner Sprache. Der KI-Tutor antwortet in der Sprache, in der du fragst.