Lección 8 de 28
#7: 🍕 React Pizza v2 — Подключаем React Router v6, создаем компонент-скелетон
Lecciones28 lecciones
- 1🍕 React Pizza v2 — Для кого данный курс и как его смотреть? Что нового?
- 2🍕 React Pizza v2 — разрабатываем лучшую пиццерию на React + TypeScript + Redux Toolkit + Router v6
- 3#2: 🍕 React Pizza v2 — Создаём компонент, SCSS, import/export, props (пропсы)
- 4#3: 🍕 React Pizza v2 — Как хранить данные в компоненте (useState), onClick, деструктуризация
- 5#4: 🍕 React Pizza v2 — Создаем компонент пицц и категории, рендер списка, spread-оператор
- 6#5: 🍕 React Pizza v2 — Создаем popup-окно сортировки, что такое key?
- 7#6: 🍕 React Pizza v2 — получаем пиццы с бэкенда (fetch), изучаем хук useEffect
- 8#7: 🍕 React Pizza v2 — Подключаем React Router v6, создаем компонент-скелетон
- 9#8: 🍕 React Pizza v2 — Настраиваем адаптивную вёрстку, создаём страницу корзины
- 10#9: 🍕 React Pizza v2 — Делаем функционал сортировки и фильтрации пицц
- 11#10: 🍕 React Pizza v2 — Разрабатываем пагинацию и поиск пицц
- 12#11: 🍕 React Pizza v2 — Что такое контекст в React (useContext) и Props Drilling?
- 13#12: 🍕 React Pizza v2 — Изучаем библиотеку Redux Toolkit
- 14#13: 🍕 React Pizza v2 — Изучаем хуки useSelector, useDispatch, создаем свой Slice в Redux Toolkit
- 15#14: 🍕 React Pizza v2 — Оптимизируем поиск с помощью Debounce, пагинация через Redux Toolkit
- 16#15: 🍕 React Pizza v2 — Сохраняем параметры фильтрации в URL
- 17#16: 🍕 React Pizza v2 — Создаем Redux-логику для корзины, скрытие/показ popup-сортировки
- 18#17: 🍕 React Pizza v2 — Асинхронные экшены в RTK (createAsyncThunk), отлавливаем ошибки
- 19#18: 🍕 React Pizza v2 — Что такое ThunkAPI в RTK? Создаем селекторы
- 20#19: 🍕 React Pizza v2 — Разбираемся подробней с роутером (useParams, useLocation, Outlet)
- 21#20: 🍕 React Pizza v2 — Что такое TypeScript и зачем он нужен?
- 22#21: 🍕 React Pizza v2 — Используем TypeScript + ReactJS (практика)
- 23#22: 🍕 React Pizza v2 — Типизируем пропсы (props) и хук useRef (TypeScript)
- 24#23: 🍕 React Pizza v2 — Типизация onClick, onChange и Event (TypeScript)
- 25#24: 🍕 React Pizza v2 — TypeScript + Redux Toolkit
- 26#25: 🍕 React Pizza v2 — Оптимизируем перерисовку компонентов с помощью useCallback и React.memo
- 27#26: 🍕 React Pizza v2 — Сохраняем пиццы в LocalStorage, грамотно структурируем папки проекта
- 28#27: 🍕 React Pizza v2 — Оптимизируем сборку JS-файла. Code Splitting, Tree Shaking, Reexport