Sujets liés
Ce cours comprend
- 28 h 19 min de vidéo
- 28 leçons
- Niveau : Débutant
- Langue : Русский
- On retient où vous en étiez
- Entièrement gratuit, sans carte
Leçons
3 sections · 28 leçons · 28 h 19 min durée totale
Leçons 1 à 1010 leçons · 9 h 45 min
- 🍕 React Pizza v2 — Для кого данный курс и как его смотреть? Что нового?21 min
- 🍕 React Pizza v2 — разрабатываем лучшую пиццерию на React + TypeScript + Redux Toolkit + Router v61 h 27 min
- #2: 🍕 React Pizza v2 — Создаём компонент, SCSS, import/export, props (пропсы)1 h 16 min
- #3: 🍕 React Pizza v2 — Как хранить данные в компоненте (useState), onClick, деструктуризация46 min
- #4: 🍕 React Pizza v2 — Создаем компонент пицц и категории, рендер списка, spread-оператор1 h 8 min
- #5: 🍕 React Pizza v2 — Создаем popup-окно сортировки, что такое key?51 min
- #6: 🍕 React Pizza v2 — получаем пиццы с бэкенда (fetch), изучаем хук useEffect51 min
- #7: 🍕 React Pizza v2 — Подключаем React Router v6, создаем компонент-скелетон1 h 12 min
- #8: 🍕 React Pizza v2 — Настраиваем адаптивную вёрстку, создаём страницу корзины46 min
- #9: 🍕 React Pizza v2 — Делаем функционал сортировки и фильтрации пицц1 h 8 min
Leçons 11 à 2010 leçons · 10 h 3 min
- #10: 🍕 React Pizza v2 — Разрабатываем пагинацию и поиск пицц1 h 11 min
- #11: 🍕 React Pizza v2 — Что такое контекст в React (useContext) и Props Drilling?21 min
- #12: 🍕 React Pizza v2 — Изучаем библиотеку Redux Toolkit1 h 38 min
- #13: 🍕 React Pizza v2 — Изучаем хуки useSelector, useDispatch, создаем свой Slice в Redux Toolkit1 h 1 min
- #14: 🍕 React Pizza v2 — Оптимизируем поиск с помощью Debounce, пагинация через Redux Toolkit51 min
- #15: 🍕 React Pizza v2 — Сохраняем параметры фильтрации в URL33 min
- #16: 🍕 React Pizza v2 — Создаем Redux-логику для корзины, скрытие/показ popup-сортировки1 h 12 min
- #17: 🍕 React Pizza v2 — Асинхронные экшены в RTK (createAsyncThunk), отлавливаем ошибки1 h 34 min
- #18: 🍕 React Pizza v2 — Что такое ThunkAPI в RTK? Создаем селекторы45 min
- #19: 🍕 React Pizza v2 — Разбираемся подробней с роутером (useParams, useLocation, Outlet)58 min
Leçons 21 à 288 leçons · 8 h 31 min
- #20: 🍕 React Pizza v2 — Что такое TypeScript и зачем он нужен?1 h 5 min
- #21: 🍕 React Pizza v2 — Используем TypeScript + ReactJS (практика)54 min
- #22: 🍕 React Pizza v2 — Типизируем пропсы (props) и хук useRef (TypeScript)1 h 5 min
- #23: 🍕 React Pizza v2 — Типизация onClick, onChange и Event (TypeScript)45 min
- #24: 🍕 React Pizza v2 — TypeScript + Redux Toolkit1 h 43 min
- #25: 🍕 React Pizza v2 — Оптимизируем перерисовку компонентов с помощью useCallback и React.memo41 min
- #26: 🍕 React Pizza v2 — Сохраняем пиццы в LocalStorage, грамотно структурируем папки проекта43 min
- #27: 🍕 React Pizza v2 — Оптимизируем сборку JS-файла. Code Splitting, Tree Shaking, Reexport1 h 35 min
Ce qu'il vous faut
- Aucune expérience requise : le cours part de zéro.
Description
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 Таймкоды: ещ
À qui s'adresse ce cours
- Celles et ceux qui débutent en React.
Ces deux points sont notre lecture du niveau. La description est celle de l'auteur.