İlgili konular
Bu kursta neler var
- 28 sa 19 dk video
- 28 ders
- Seviye: Başlangıç
- Dil: Русский
- Nerede kaldığını hatırlıyoruz
- Tamamen ücretsiz, kartsız
Dersler
3 bölüm · 28 ders · 28 sa 19 dk toplam süre
1–10. dersler10 ders · 9 sa 45 dk
- 🍕 React Pizza v2 — Для кого данный курс и как его смотреть? Что нового?21 dk
- 🍕 React Pizza v2 — разрабатываем лучшую пиццерию на React + TypeScript + Redux Toolkit + Router v61 sa 27 dk
- #2: 🍕 React Pizza v2 — Создаём компонент, SCSS, import/export, props (пропсы)1 sa 16 dk
- #3: 🍕 React Pizza v2 — Как хранить данные в компоненте (useState), onClick, деструктуризация46 dk
- #4: 🍕 React Pizza v2 — Создаем компонент пицц и категории, рендер списка, spread-оператор1 sa 8 dk
- #5: 🍕 React Pizza v2 — Создаем popup-окно сортировки, что такое key?51 dk
- #6: 🍕 React Pizza v2 — получаем пиццы с бэкенда (fetch), изучаем хук useEffect51 dk
- #7: 🍕 React Pizza v2 — Подключаем React Router v6, создаем компонент-скелетон1 sa 12 dk
- #8: 🍕 React Pizza v2 — Настраиваем адаптивную вёрстку, создаём страницу корзины46 dk
- #9: 🍕 React Pizza v2 — Делаем функционал сортировки и фильтрации пицц1 sa 8 dk
11–20. dersler10 ders · 10 sa 3 dk
- #10: 🍕 React Pizza v2 — Разрабатываем пагинацию и поиск пицц1 sa 11 dk
- #11: 🍕 React Pizza v2 — Что такое контекст в React (useContext) и Props Drilling?21 dk
- #12: 🍕 React Pizza v2 — Изучаем библиотеку Redux Toolkit1 sa 38 dk
- #13: 🍕 React Pizza v2 — Изучаем хуки useSelector, useDispatch, создаем свой Slice в Redux Toolkit1 sa 1 dk
- #14: 🍕 React Pizza v2 — Оптимизируем поиск с помощью Debounce, пагинация через Redux Toolkit51 dk
- #15: 🍕 React Pizza v2 — Сохраняем параметры фильтрации в URL33 dk
- #16: 🍕 React Pizza v2 — Создаем Redux-логику для корзины, скрытие/показ popup-сортировки1 sa 12 dk
- #17: 🍕 React Pizza v2 — Асинхронные экшены в RTK (createAsyncThunk), отлавливаем ошибки1 sa 34 dk
- #18: 🍕 React Pizza v2 — Что такое ThunkAPI в RTK? Создаем селекторы45 dk
- #19: 🍕 React Pizza v2 — Разбираемся подробней с роутером (useParams, useLocation, Outlet)58 dk
21–28. dersler8 ders · 8 sa 31 dk
- #20: 🍕 React Pizza v2 — Что такое TypeScript и зачем он нужен?1 sa 5 dk
- #21: 🍕 React Pizza v2 — Используем TypeScript + ReactJS (практика)54 dk
- #22: 🍕 React Pizza v2 — Типизируем пропсы (props) и хук useRef (TypeScript)1 sa 5 dk
- #23: 🍕 React Pizza v2 — Типизация onClick, onChange и Event (TypeScript)45 dk
- #24: 🍕 React Pizza v2 — TypeScript + Redux Toolkit1 sa 43 dk
- #25: 🍕 React Pizza v2 — Оптимизируем перерисовку компонентов с помощью useCallback и React.memo41 dk
- #26: 🍕 React Pizza v2 — Сохраняем пиццы в LocalStorage, грамотно структурируем папки проекта43 dk
- #27: 🍕 React Pizza v2 — Оптимизируем сборку JS-файла. Code Splitting, Tree Shaking, Reexport1 sa 35 dk
Ne gerekiyor
- Ön bilgi gerekmiyor: kurs sıfırdan başlıyor.
Açıklama
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 Таймкоды: ещ
Bu kurs kimin için
- React konusuna sıfırdan başlayanlar.
Bu iki madde kursun seviyesinden çıkardığımız sonuç. Açıklama yazarın kendisine ait.