О курсе

React — библиотека для создания пользовательских интерфейсов. Компонентный подход, виртуальный DOM, огромная экосистема.

70 уроков — полное погружение

Базовые концепции (10 уроков)

1. React Компоненты
2. jsx
3. props-state
4. lists-keys
5. conditional-rendering
6. forms
7. Управляемые и неуправляемые компоненты
8. context
9. routing
10. react-router

Хуки (Hooks) (10 уроков)

11. hooks
12. use-callback
13. use-memo
14. use-context
15. use-layout-effect
16. use-insertion-effect
17. use-id
18. use-transition
19. use-deferred-value
20. use-sync-external-store

Продвинутые Хуки и API (10 уроков)

21. use-debug-value
22. use-imperative-handle
23. use-ref-reducer
24. custom-hooks
25. Пересылка рефов (forwardRef)
26. React Portals
27. Error Boundaries: Обработка ошибок в React
28. lazy-suspense
29. code-splitting
30. react-memo

Паттерны и Архитектура (10 уроков)

31. Составные компоненты (Compound Components)
32. Higher-Order Components (HOC)
33. [Паттерн Render Props](/react/render-props/)
34. Методология Atomic Design
35. optimization-patterns
36. best-practices
37. performance
38. virtualization
39. ssr-hydration
40. rsc-intro

State Management (10 уроков)

41. Обзор подходов к управлению стейтом
42. React Context API
43. Redux Toolkit (RTK): Современный Redux
44. redux-toolkit-slices
45. redux-toolkit-async
46. Redux Toolkit: Продвинутый уровень
47. Zustand: Простое управление стейтом
48. Zustand: Продвинутый уровень
49. Jotai: Атомарное управление состоянием
50. Jotai: Атомарное состояние

Продвинутый State и Data Fetching (10 уроков)

51. Recoil: Atoms и Selectors
52. MobX: Объектно-ориентированная реактивность
53. Legend State: Сверхбыстрое состояние
54. TanStack Query (React Query): Работа с серверным стейтом
55. react-query-mutations
56. TanStack Query: Серверное состояние
57. SWR: Fetching данных от Vercel
58. SWR: Легковесное серверное состояние
59. performance-profiling
60. react-hook-form-basics

Тестирование и Анимации (10 уроков)

61. testing
62. React Testing Library: Основы
63. Тестирование кастомных хуков
64. Настройка Vitest для React
65. E2E тестирование с Playwright
66. Основы Framer Motion
67. framer-motion-gestures
68. Layout-анимации
69. [Компоненты в Storybook](/react/storybook-basics/)
70. [Zustand: Продвинутые возможности](/react/zustand-advanced/)

---

Что освоишь

• Все хуки (базовые и новые из React 18)
• Оптимизация производительности
• State Management (Redux, Zustand, Atomic)
• Data Fetching (Query, SWR)
• Паттерны проектирования и Архитектура
• Анимации и Тестирование
• Full-stack React (RSC, SSR)

---

Начать обучение | GitHub проекта

Интерактивный пример