Нужен ли JavaScript перед React?

Да, для уверенного обучения React желательно знать основы JavaScript и работу с функциями и объектами.

Есть ли уроки по Redux Toolkit?

Да, в курсе React есть блок по экосистеме, включая Redux Toolkit и практику со state management.

Подходит ли курс React для подготовки к собеседованию?

Да, в курсе покрываются часто спрашиваемые темы: хуки, ререндеры, состояние, архитектурные паттерны.

React

Компонентный UI: JSX, хуки, Context, Router, Zustand, TypeScript, Next.js.

0/1180

0/50

уроков

пройдено

Начать курс

Что такое React и зачем он нужен

React: Основы · +15 XP

Основы

0/10

Что такое React и зачем он нужен+15 XP

JSX: разметка в JavaScript+15 XP

Компоненты React+20 XP

Props: передача данных+20 XP

State и useState+25 XP

События в React+20 XP

Списки и ключи+20 XP

Условный рендеринг+15 XP

useEffect: побочные эффекты+25 XP

Формы в React+20 XP

Продвинутое

0/13

useRef: DOM-доступ и мутабельные значения+20 XP

Context: глобальное состояние+25 XP

Кастомные хуки+25 XP

memo, useMemo и useCallback+25 XP

useReducer: управление сложным состоянием+25 XP

Оптимизация производительности React-приложений+25 XP

Доступность (a11y) в React-приложениях+20 XP

Анимации в React+20 XP

Server Actions и серверные мутации+30 XP

WebSockets и реальное время в React+25 XP

Анимации в React: Framer Motion и CSS+25 XP

Доступность (a11y) в React+25 XP

Продвинутая оптимизация: Profiler и React DevTools+30 XP

Экосистема

0/12

React Router: навигация+20 XP

Zustand: управление состоянием+25 XP

React с TypeScript+25 XP

Тестирование React компонентов+20 XP

Введение в Next.js+30 XP

TanStack Query: умный data fetching+25 XP

React Hook Form: производительные формы+20 XP

Продвинутое тестирование React-компонентов+25 XP

React Native: мобильная разработка+30 XP

Storybook: разработка компонентов в изоляции+25 XP

Интернационализация: i18n в React+25 XP

PWA с React: Service Worker и кэширование+30 XP

Паттерны

0/8

Error Boundary: обработка ошибок в UI+25 XP

Порталы: рендеринг вне иерархии DOM+20 XP

Suspense и React.lazy: ленивая загрузка компонентов+25 XP

React 18: конкурентный рендеринг и новые хуки+20 XP

HOC: компоненты высшего порядка+20 XP

Render Props: функции как дети+20 XP

Составные компоненты (Compound Components)+20 XP

Продвинутые паттерны: Headless UI и Compound Components+30 XP

Дополнительно

0/2

Классовые компоненты React+15 XP

Микрофронтенды: независимые приложения в одном UI+20 XP

Redux

0/5

Redux: основы и концепции+25 XP

Redux Toolkit: createSlice и configureStore+30 XP

Redux Toolkit: createAsyncThunk+30 XP

RTK Query: автоматический data fetching+35 XP

Redux: паттерны и лучшие практики+30 XP

Курс React: навыки для pet-проектов и реальной разработки

Раздел помогает понять, что именно нужно освоить в React, чтобы перейти от учебных примеров к рабочим приложениям.

Что ты изучишь

Строить компоненты с предсказуемым состоянием и рендерами
Использовать hooks, роутинг и работу с данными без антипаттернов
Организовывать архитектуру интерфейса по модулям
Готовить React-проекты под портфолио и интервью

Полезно по теме

Тема: React и экосистема Гайд: pet-проекты, которые дают оффер Практика: React state и экосистема Гайд: React или Vue

FAQ

Достаточно ли React без TypeScript?

Для старта возможно, но на практике связка React + TypeScript обычно предпочтительнее для рабочих проектов.

Что важнее в React: hooks или архитектура?

Hooks важны, но архитектура приложения и управление состоянием сильнее влияют на качество проекта.

Сколько проектов нужно в портфолио по React?

Обычно хватает 2-3 сильных проекта с реальной логикой, API и аккуратной структурой кода.

50 уроков · 1180 XP всего