Powiązane tematy
Kurs zawiera
- 28 godz. 19 min wideo
- 28 lekcji
- Poziom: Początkujący
- Język: Русский
- Pamiętamy, gdzie skończyłeś
- W całości za darmo, bez karty
Lekcje
3 sekcji · 28 lekcji · 28 godz. 19 min łączna długość
Lekcje 1–1010 lekcji · 9 godz. 45 min
- 🍕 React Pizza v2 — Для кого данный курс и как его смотреть? Что нового?21 min
- 🍕 React Pizza v2 — разрабатываем лучшую пиццерию на React + TypeScript + Redux Toolkit + Router v61 godz. 27 min
- #2: 🍕 React Pizza v2 — Создаём компонент, SCSS, import/export, props (пропсы)1 godz. 16 min
- #3: 🍕 React Pizza v2 — Как хранить данные в компоненте (useState), onClick, деструктуризация46 min
- #4: 🍕 React Pizza v2 — Создаем компонент пицц и категории, рендер списка, spread-оператор1 godz. 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 godz. 12 min
- #8: 🍕 React Pizza v2 — Настраиваем адаптивную вёрстку, создаём страницу корзины46 min
- #9: 🍕 React Pizza v2 — Делаем функционал сортировки и фильтрации пицц1 godz. 8 min
Lekcje 11–2010 lekcji · 10 godz. 3 min
- #10: 🍕 React Pizza v2 — Разрабатываем пагинацию и поиск пицц1 godz. 11 min
- #11: 🍕 React Pizza v2 — Что такое контекст в React (useContext) и Props Drilling?21 min
- #12: 🍕 React Pizza v2 — Изучаем библиотеку Redux Toolkit1 godz. 38 min
- #13: 🍕 React Pizza v2 — Изучаем хуки useSelector, useDispatch, создаем свой Slice в Redux Toolkit1 godz. 1 min
- #14: 🍕 React Pizza v2 — Оптимизируем поиск с помощью Debounce, пагинация через Redux Toolkit51 min
- #15: 🍕 React Pizza v2 — Сохраняем параметры фильтрации в URL33 min
- #16: 🍕 React Pizza v2 — Создаем Redux-логику для корзины, скрытие/показ popup-сортировки1 godz. 12 min
- #17: 🍕 React Pizza v2 — Асинхронные экшены в RTK (createAsyncThunk), отлавливаем ошибки1 godz. 34 min
- #18: 🍕 React Pizza v2 — Что такое ThunkAPI в RTK? Создаем селекторы45 min
- #19: 🍕 React Pizza v2 — Разбираемся подробней с роутером (useParams, useLocation, Outlet)58 min
Lekcje 21–288 lekcji · 8 godz. 31 min
- #20: 🍕 React Pizza v2 — Что такое TypeScript и зачем он нужен?1 godz. 5 min
- #21: 🍕 React Pizza v2 — Используем TypeScript + ReactJS (практика)54 min
- #22: 🍕 React Pizza v2 — Типизируем пропсы (props) и хук useRef (TypeScript)1 godz. 5 min
- #23: 🍕 React Pizza v2 — Типизация onClick, onChange и Event (TypeScript)45 min
- #24: 🍕 React Pizza v2 — TypeScript + Redux Toolkit1 godz. 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 godz. 35 min
Czego potrzebujesz
- Bez wcześniejszego doświadczenia: kurs zaczyna od zera.
Opis
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 Таймкоды: ещ
Dla kogo jest ten kurs
- Dla zaczynających React od zera.
Te dwa punkty to nasz wniosek z poziomu kursu. Opis należy do autora.