موضوعهای مرتبط
این دوره شامل
- 28 ساعت 19 دقیقه ویدیو
- 28 درس
- سطح: مقدماتی
- زبان: Русский
- یادمان میماند کجا بودی
- کاملاً رایگان، بدون کارت
درسها
3 بخش · 28 درس · 28 ساعت 19 دقیقه مدت کل
درسهای 1 تا 1010 درس · 9 ساعت 45 دقیقه
- 🍕 React Pizza v2 — Для кого данный курс и как его смотреть? Что нового?21 دقیقه
- 🍕 React Pizza v2 — разрабатываем лучшую пиццерию на React + TypeScript + Redux Toolkit + Router v61 ساعت 27 دقیقه
- #2: 🍕 React Pizza v2 — Создаём компонент, SCSS, import/export, props (пропсы)1 ساعت 16 دقیقه
- #3: 🍕 React Pizza v2 — Как хранить данные в компоненте (useState), onClick, деструктуризация46 دقیقه
- #4: 🍕 React Pizza v2 — Создаем компонент пицц и категории, рендер списка, spread-оператор1 ساعت 8 دقیقه
- #5: 🍕 React Pizza v2 — Создаем popup-окно сортировки, что такое key?51 دقیقه
- #6: 🍕 React Pizza v2 — получаем пиццы с бэкенда (fetch), изучаем хук useEffect51 دقیقه
- #7: 🍕 React Pizza v2 — Подключаем React Router v6, создаем компонент-скелетон1 ساعت 12 دقیقه
- #8: 🍕 React Pizza v2 — Настраиваем адаптивную вёрстку, создаём страницу корзины46 دقیقه
- #9: 🍕 React Pizza v2 — Делаем функционал сортировки и фильтрации пицц1 ساعت 8 دقیقه
درسهای 11 تا 2010 درس · 10 ساعت 3 دقیقه
- #10: 🍕 React Pizza v2 — Разрабатываем пагинацию и поиск пицц1 ساعت 11 دقیقه
- #11: 🍕 React Pizza v2 — Что такое контекст в React (useContext) и Props Drilling?21 دقیقه
- #12: 🍕 React Pizza v2 — Изучаем библиотеку Redux Toolkit1 ساعت 38 دقیقه
- #13: 🍕 React Pizza v2 — Изучаем хуки useSelector, useDispatch, создаем свой Slice в Redux Toolkit1 ساعت 1 دقیقه
- #14: 🍕 React Pizza v2 — Оптимизируем поиск с помощью Debounce, пагинация через Redux Toolkit51 دقیقه
- #15: 🍕 React Pizza v2 — Сохраняем параметры фильтрации в URL33 دقیقه
- #16: 🍕 React Pizza v2 — Создаем Redux-логику для корзины, скрытие/показ popup-сортировки1 ساعت 12 دقیقه
- #17: 🍕 React Pizza v2 — Асинхронные экшены в RTK (createAsyncThunk), отлавливаем ошибки1 ساعت 34 دقیقه
- #18: 🍕 React Pizza v2 — Что такое ThunkAPI в RTK? Создаем селекторы45 دقیقه
- #19: 🍕 React Pizza v2 — Разбираемся подробней с роутером (useParams, useLocation, Outlet)58 دقیقه
درسهای 21 تا 288 درس · 8 ساعت 31 دقیقه
- #20: 🍕 React Pizza v2 — Что такое TypeScript и зачем он нужен?1 ساعت 5 دقیقه
- #21: 🍕 React Pizza v2 — Используем TypeScript + ReactJS (практика)54 دقیقه
- #22: 🍕 React Pizza v2 — Типизируем пропсы (props) и хук useRef (TypeScript)1 ساعت 5 دقیقه
- #23: 🍕 React Pizza v2 — Типизация onClick, onChange и Event (TypeScript)45 دقیقه
- #24: 🍕 React Pizza v2 — TypeScript + Redux Toolkit1 ساعت 43 دقیقه
- #25: 🍕 React Pizza v2 — Оптимизируем перерисовку компонентов с помощью useCallback и React.memo41 دقیقه
- #26: 🍕 React Pizza v2 — Сохраняем пиццы в LocalStorage, грамотно структурируем папки проекта43 دقیقه
- #27: 🍕 React Pizza v2 — Оптимизируем сборку JS-файла. Code Splitting, Tree Shaking, Reexport1 ساعت 35 دقیقه
چه چیزی لازم است
- به دانش قبلی نیاز نیست: دوره از صفر شروع میشود.
توضیحات
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 Таймкоды: ещ
این دوره برای چه کسی است
- کسانی که React را از صفر شروع میکنند.
این دو مورد برداشت ما از سطح دوره است. توضیحات از خود نویسنده است.