Средний
React
Изучите React с нуля. Компоненты, состояние, хуки, контекст, производительность, маршрутизация, тестирование и итоговое приложение.
17 уроков10.2h практика11 языков
Начни учиться бесплатноReact курс17 уроков по порядку
- 125 мин
Что такое React?
What React isComponents as functionsVirtual DOM intuitionRendering JSXCreating a Vite app - 230 мин
JSX и компоненты
JSX syntax rulesSingle root elementClassName vs classEmbedding expressions with {}Defining componentsComposing components - 330 мин
Параметры
Passing props as attributesReceiving props objectDestructuring props in signatureDefault valuesThinking about prop shapes - 435 мин
Состояние с помощью useState
UseState hookReading stateCalling the setterUpdater function formNever mutate stateCounter pattern - 530 мин
Обработка событий
OnClick handlerOnChange basicsPassing functions vs calling themEvent objectPassing handlers as props - 630 мин
Условный рендеринг и списки
&& for show/hideTernary for either/orMapping arrays to JSXThe key propWhy keys need to be stable - 735 мин
Формы и управляемые поля ввода
Controlled input patternValue and onChange togetherMulti-field form stateOnSubmit and preventDefaultGathering form data - 840 мин
Эффекты с useEffect
What counts as a side effectUseEffect signatureDependency arrayRunning on mount onlyCleanup functionSubscribe/unsubscribe pattern - 935 мин
Компоновка компонентов
Children propWrapping componentsPassing JSX as propsLifting state upThinking in component trees - 1035 мин
Context и useContext
CreateContextContext.ProviderUseContextWhen context is the right toolContext vs prop drilling tradeoffs - 1135 мин
useReducer
When to reach for useReducerReducer function shapeAction objectsDispatchCombining useReducer with useContext - 1235 мин
Пользовательские хуки
Extracting stateful logic into a functionUse prefix conventionUseToggle exampleUseLocalStorage exampleHooks rules - 1335 мин
Производительность и мемоизация
React.memo for componentsUseMemo for expensive computationsUseCallback for stable function referencesWhen memoization is overkillMeasuring before optimizing - 1440 мин
Получение данных
Fetch inside useEffectLoading/error/data statesAbortController cleanupPreventing setState after unmountMention TanStack Query as a next step - 1540 мин
Маршрутизация с React Router
Installing react-router-domBrowserRouterRoutes and RouteLink for navigationUseParamsUseNavigate - 1640 мин
Тестирование компонентов React
Vitest + React Testing Library setupRender and screenGetByRole queriesUserEvent for interactionsWriting one good button test - 1760 мин
Итоговый проект: приложение со списком задач
Combining state, lists, controlled inputsCustom hook for localStorage persistenceSmall routing setupPutting it together
Изучай React на своём языке
Каждый урок, тест и ответ наставника показывается на вашем языке. AI-наставник отвечает на том языке, на котором вы пишете.