Содержание курса:
- Модуль 1 (React)
- Всё о хуках: useState, useEffect, useRef, useCallback, useMemo, useId, useTransition, useDeferredValue, useImperativeHandle, useContext, useReducer, use, useSyncExternalStore, useInsertionEffect.
- HOC и их использование.
- Что такое фрагменты и как с ними работать, как работать с порталами, как оптимизировать рендер, какие есть методы жизненного цикла, Suspense, PropTypes и defaultProps, React v18, forwardRef и многое другое…
- Модуль 2 (Redux)
- Поговорим подробно о Redux и создадим своё небольшое приложение с использованием Redux Toolkit + RTK Query.
- Рассмотрим кеширование, оптимизацию и многое другое.
- Также рассмотрим работу с Zustand и выясним отличия и многое другое…
- Модуль 3 (React Router)
- Рассмотрим всё, что связано с роутингом, какие есть виды роутеров: BrowserRouter, MemoryRouter, StaticRouter, HashRouter.
- Рассмотрим работу с встроенными компонентами, работу с формами, ленивую подгрузку, шаблоны, работу с новой версией React Router 6 и многое другое…
- Модуль 4 (Styled Components)
- Рассмотрим удобную стилизацию компонентов, работу с пропсами, глобальными стилями, расширениями, адаптивностью и анимацией, работу с темами и многое другое…
- Модуль 5 (FSD, Atomic Design)
- Рассмотрим архитектурные подходы к созданию фронтенд-приложений и их работу.
- Рассмотрим модульную архитектуру, что такое Atomic Design, что такое FSD, что представляют собой микрофронтенды и многое другое…
- Модуль 6 (Создание приложения)
- Создадим приложение с использованием рассмотренного React Router, RTK Query, FSD и многое другое…
- Модуль 7 (Next.js)
- Рассмотрим новые фишки Next.js, работу с директорией app, SSR/SSG/ISR и другие, работу с Server Actions, группами роутов, параллельными роутами, перехватчиками и многое другое…
