Verwandte Themen
Der Kurs enthält
- 28 Std. 19 Min. Video
- 28 Lektionen
- Niveau: Anfänger
- Sprache: Русский
- Wir merken uns, wo du warst
- Komplett kostenlos, ohne Karte
Lektionen
3 Abschnitte · 28 Lektionen · 28 Std. 19 Min. Gesamtlänge
Lektionen 1–1010 Lektionen · 9 Std. 45 Min.
- 🍕 React Pizza v2 — Для кого данный курс и как его смотреть? Что нового?21 Min.
- 🍕 React Pizza v2 — разрабатываем лучшую пиццерию на React + TypeScript + Redux Toolkit + Router v61 Std. 27 Min.
- #2: 🍕 React Pizza v2 — Создаём компонент, SCSS, import/export, props (пропсы)1 Std. 16 Min.
- #3: 🍕 React Pizza v2 — Как хранить данные в компоненте (useState), onClick, деструктуризация46 Min.
- #4: 🍕 React Pizza v2 — Создаем компонент пицц и категории, рендер списка, spread-оператор1 Std. 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 Std. 12 Min.
- #8: 🍕 React Pizza v2 — Настраиваем адаптивную вёрстку, создаём страницу корзины46 Min.
- #9: 🍕 React Pizza v2 — Делаем функционал сортировки и фильтрации пицц1 Std. 8 Min.
Lektionen 11–2010 Lektionen · 10 Std. 3 Min.
- #10: 🍕 React Pizza v2 — Разрабатываем пагинацию и поиск пицц1 Std. 11 Min.
- #11: 🍕 React Pizza v2 — Что такое контекст в React (useContext) и Props Drilling?21 Min.
- #12: 🍕 React Pizza v2 — Изучаем библиотеку Redux Toolkit1 Std. 38 Min.
- #13: 🍕 React Pizza v2 — Изучаем хуки useSelector, useDispatch, создаем свой Slice в Redux Toolkit1 Std. 1 Min.
- #14: 🍕 React Pizza v2 — Оптимизируем поиск с помощью Debounce, пагинация через Redux Toolkit51 Min.
- #15: 🍕 React Pizza v2 — Сохраняем параметры фильтрации в URL33 Min.
- #16: 🍕 React Pizza v2 — Создаем Redux-логику для корзины, скрытие/показ popup-сортировки1 Std. 12 Min.
- #17: 🍕 React Pizza v2 — Асинхронные экшены в RTK (createAsyncThunk), отлавливаем ошибки1 Std. 34 Min.
- #18: 🍕 React Pizza v2 — Что такое ThunkAPI в RTK? Создаем селекторы45 Min.
- #19: 🍕 React Pizza v2 — Разбираемся подробней с роутером (useParams, useLocation, Outlet)58 Min.
Lektionen 21–288 Lektionen · 8 Std. 31 Min.
- #20: 🍕 React Pizza v2 — Что такое TypeScript и зачем он нужен?1 Std. 5 Min.
- #21: 🍕 React Pizza v2 — Используем TypeScript + ReactJS (практика)54 Min.
- #22: 🍕 React Pizza v2 — Типизируем пропсы (props) и хук useRef (TypeScript)1 Std. 5 Min.
- #23: 🍕 React Pizza v2 — Типизация onClick, onChange и Event (TypeScript)45 Min.
- #24: 🍕 React Pizza v2 — TypeScript + Redux Toolkit1 Std. 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 Std. 35 Min.
Was du brauchst
- Keine Vorkenntnisse: der Kurs fängt bei null an.
Beschreibung
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 Таймкоды: ещ
Für wen dieser Kurs ist
- Alle, die mit React bei null anfangen.
Diese beiden Punkte sind unsere Einschätzung aus dem Niveau. Die Beschreibung stammt vom Autor.