Основы React
▸Что такое React
React — это JavaScript-библиотека для построения пользовательских интерфейсов. Она разработана Facebook и используется для создания одностраничных приложений.
▸JSX
JSX — это расширение JavaScript, которое позволяет писать HTML-подобный код внутри JS. JSX компилируется в обычные вызовы React.createElement.
▸Компоненты
Компоненты — строительные блоки React-приложения. Они бывают:
▸Пропсы
Props — это данные, передаваемые от родителя к ребёнку. Они read-only.
▸Состояние (State)
State — это внутреннее состояние компонента. Изменение state вызывает ре-рендер.
Хуки
▸useState
Управление локальным состоянием.
▸useEffect
Побочные эффекты: запросы к API, подписки, таймеры.
▸useContext
Доступ к контексту без пропсов.
▸useMemo и useCallback
Оптимизация производительности мемоизацией.
▸useRef
Доступ к DOM-элементам и сохранение значений между рендерами.
▸useReducer
Управление сложным состоянием через редьюсер.
Управление состоянием
▸Context API
Встроенный способ передачи данных через дерево компонентов.
▸Redux
Популярная библиотека для управления глобальным состоянием.
▸Zustand / Jotai
Современные альтернативы Redux.
Производительность
▸React.memo
Мемоизация компонентов.
▸Lazy loading
Ленивая загрузка компонентов с помощью React.lazy и Suspense.
▸Virtualization
Виртуализация длинных списков.
Тестирование
▸Jest
Фреймворк для юнит-тестов.
▸React Testing Library
Библиотека для тестирования React-компонентов.
▸Cypress
E2E тестирование.
Практические советы для собеседования
Подготовьте примеры проектов
Практикуйтесь в решении задач
Изучите документацию
Будьте готовы объяснять свои решения
Используйте наш раздел "Собеседование" для практики.