#7: 🍕 React Pizza v2 — Подключаем React Router v6, создаем компонент-скелетон

React Pizza V2 — Это обновлённый курс на 2022 год, одного из самых популярных курсов 🔥 по ReactJS для начинающих.

❤️ Поддержка:

📝 Полный стек:
- 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

Таймкоды: еще не готовы

🔗 Следите за обновлениями и информацией в:

[ЛюбчикШолоп]

Таймкоди
0:00 - скелетон (загрузка пиц)
10:40 - устанавливаем библиотеку скелетона (react-content-loader)
18:16 - логика включения загрузки
28:33 - навигация (routing)
31:26 - устанавливаем react-router-dom
46:05 - css модули
54:08 - routers и route
1:06:14 - Link (переход по страницам без перезагрузки )

[vladimirplyukhin]

Мэн, не знаю как так, но я тут у себя в Сибири просыпаюсь с утра и такое настроение счастливое, что есть твои уроки и по ним можно ПОНЯТНО всё учить.
Спасибо тебе ещё раз, мужик!

[dmitriystoyanov]

Месяца 3 не работал, теперь ищу очередную работу и этот контент просто супер для освежения в памяти реакта!

[neonon]

Арчаков, спасибо большое! Ты лучший 😍

[david_yuzhakov]

Самое интересное, когда ты немного голодный и программируешь, то хочешь взять с экрана эту пиццу и съесть

[ГеннадийГорохов-цн]

Шикарный урок по React Router спасибо большое!!!!

[Татьяна-юрм]

Очень крутая подача и много информации полезной!!! Спасибо огромное за твои уроки!!!

[dexterholland]

Жаль, что только сейчас наткнулся на твой канал.
Очень нравится твоя подача. Все четко, по факту, без воды, и с такой… ноткой пацанства 🔥
Спасибо большое, красиво делаешь. Лайк, подписка 💪🏼

[ЛусінеАтаджанян]

Топовый курс по react! Спасибо за старания!

[yurizhdanov]

Спасибо огромное отличный курс, объясняешь топово

[yehorkarpenko]

Охерительные уроки, отлично объясняешь, мне очень зашло, смотрю после курса камасутры )). Продолжай в том же духе !!!

[romanpityul]

Спасибо Дэн! Просто титаническую работу делаешь!!!)))

[LukyTXN]

По роутам раскидал даже лучше, чем Димыч из it-kamasutra. Молодец, спасибо!

[JavaScriptcher]

Чувачки здесь что-то поменялось!! Здесь своя логика!🧙‍♂️

[JavaScriptcher]

Уже всем кого знаю порекомендовал данный курс!!!🧙‍♂️

[alexalexeev]

сначала лайк, потом просмотр))) уже и не сомневаюсь, молодец)

[turbo]

Чтобы пофиксить верстку достаточно вместо margin-right у дочерних элементов, использовать gap: 0 35px у flexbox контейнера. Поддержка этого свойства уже есть во всех нормальных браузерах, кроме IE, Opera Mini и прочих.

[МихаилВоробьев-пэю]

Когда делаешь скелетон на сайте этом, можно загрузить картинку с компа туда, есть такая функция на сайте. И уже по загруженной картинке отрисовать все по размерам

[ВячеславМежуревский]

Чтобы создать фейковый массив с данными, например числами, и их использовать как key для Skeleton можно написать так: [...Array(6).keys()]

[turbo]

В документации по 6 версии react router там уже совершенно другой код