React Pizza V2 — Это обновлённый курс на 2022 год, одного из самых популярных курсов 🔥 по ReactJS для начинающих.
Более подробней тут: https://www.notion.so/React-Pizza-v2-REMASTERED-655fa3a5ea4f4bce8faeee2f28a8fb22
Исходники доступны в Boosty или в моём Telegram-канале: https://t.me/archakov_im
❤️ Поддержка:
— Boosty (исходники, макеты): https://boosty.to/archakov_blog
— Донаты: https://www.donationalerts.com/r/archakov_blog
Старый курс React Pizza - https://www.youtube.com/watch?v=bziVFvq8cLQ&list=PL0FGkDGJQjJFMRmP7wZ771m1Nx-m2_qXq
👀 Демо: https://react-pizza-v2.vercel.app/
📝 Полный стек:
- ReactJS 18
- TypeScript
- Redux Toolkit (хранение данных / пицц)
- React Router v6 (навигация)
- Axios + Fetch (отправка запроса на бэкенд)
- React Hooks (хуки)
- Prettier (форматирование кода)
- CSS-Modules / SCSS (стилизация)
- React Content Loader (скелетон)
- React Pagination (пагинация)
- Lodash.Debounce
- Code Splitting, React Loadable, useWhyDidYouUpdate
Ссылка на исходник: https://github.com/Archakov06/react-pizza-v2
Ссылка на вёрстку: https://github.com/Archakov06/react-pizza-html
Ссылка на дизайн: https://www.figma.com/file/wWUnQwvRDWBfPx1v1pCAfO/React-Pizza
Таймкоды:
00:00 Начало
01:15 - Что такое промисы и async/await
23:58 - Отлавливаем ошибки с бэкенда
34:35 - Переносим бизнес-логику вывода пиццы из App в редакс
46:23 - Про сайд эффекты (side effects)
49:20 - Делаем получение пицц с бэкенда используя createAsyncThunk
01:12:25 - Показываем в JSX состояние ошибки, загрузки или все пиццы
01:17:30 - Итого
📢 Платный курс по ReactJS с наставником: https://mentor.archakov.im/landing.html
🔗 Следите за обновлениями и информацией в:
— Telegram-канале: https://t.me/archakov_im
— VK: https://vk.com/archakov_im
— Личном блоге: https://archakov.im
— GitHub: https://github.com/Archakov06
— Моё резюме: https://career.habr.com/archakovim