#2: 🍕 React Pizza v2 — Создаём компонент, SCSS, import/export, props (пропсы)

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

Таймкоды:
00:00 Самое начало
01:54 Prettier
12:48 - Открывающиеся/Закрывающиеся тэги
18:30 - Как подключить SASS/SCSS к проекту
32:50 - Создаем компоненты Categories и Sort
37:30 - Переносим компоненты в папку components
39:13 - Какая разница между расширением .js и .jsx ?
45:50 - В чём фишка компонентов?
52:40 - Как передавать разные данные в компоненты (props)?
01:08:10 - Что можно передавать в пропсы?
01:10:50 - Немного про SCSS

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

[aswonder]

Для быстрого создания компонентов React в VS Code можно установить расширение "ES7 snippets". Тогда в пустом файле по нажатию "rfc"+TAB автоматом создается шаблон компонента.

[ИгорьКуликов-рж]

Начинаю учить react в 2024 году. Да, есть некоторые моменты, которые придется самому допилить, чтоб получилось, как на видео (например, некоторые зависимости, sass).Но это единственный курс, на котором все понятно и реально интересно.Здесь понял все те темы, которые не понимал от объяснения другими каналами.Большое спасибо!!!

[lollipop]

как начинающий, я благодарю знакомому, который показал ваш канал
это то, что нужно! спасибо!

[OlegGuitar]

Не описать словами как доступно ты объясняешь. Спасибо тебе за твои уроки!

[azizbekrasulov]

Устроился на работу после реакт пиццы 1 версии в большую компанию удаленно. Спасибо большое!!!

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

Спасибо за ролики. Круто, что так подробно объясняешь.
Если кто-то все знает - может включить ускоренный просмотр или таймкоды в помощь. А если нет - вот тебе отличный источник информации. Для новичков это просто находка и возможность сформировать более объемное понимание того, как это все устроено.
Так что все отлично. Еще раз спасибо за то, что делаешь!!!

[admusmanov]

Спасибо за труд. Ты прям мотивируешь меня. Это самое главное в программирование👍У кого не работает scss установите node-scss тоже.

[БорисПонамарёв-ъж]

Это самое понятное объяснение пропсов, которое я видел. Супер!

[АлександрСосо-щб]

Спасибо за бесплатный видео курс! Очень хотелось бы какой-либо хоть элементарный курс по react native. в русском сегменте маловато материала на эту тему. Думаю это прирастило бы неплохую долю подписчиков.

[АлексейЦ-ыя]

Спасибо за подробное объяснение! Очень доступно!

[АсанТурдукулов-иб]

Урок замечательный, спасибо огромное! Здоровья Вам и Вашей семье!

[ДмитрийЧернуха-щт]

Спасибо за информативные уроки для начинающих, . После них не понять React невозможно!

[kanyshaiosmonova]

Спасибо за урок. После сникерса очень легко воспринимается

[uxearwenvcmsqg]

46:46 ахахаххаха))
автор лучший спасибо за курс и старания!!

[ОлегСтариченко-пз]

Если кому-то не было понятно в видео про настройку Prettier при сохранении, то можно ее включить следующим образом. Нажимаем Ctrl+Shift+P далее в левой колонке нажимаем на раскрывающийся список в Text Editor далее в этом списке нажимаем на Formatting и ставим галку на Format On Save. И теперь при сохранении код автоматически форматируется.

[Калабарака]

Боже, храни тебя, о великий повелитель неокрепших умов! Чтобы у тебя деньжищи перли и балда стояла!

[lepreclown]

Очень классно объясняешь, но пока что слишком для начинающих. Но понимаю, что это для того, чтобы все смогли понять, даже с 0. Спасибо за контент )

[んだ男二度死]

Очень непривычно смотреть уроки по ЧАСУ. Уже привык к тому, что видео длится 2.5 - 3 часа)

[FilmsMediaTV]

Недавно закончил делать сникерс, и было более чем интересно. Спасибо тебе за твой труд )
Контент у тебя как по мне полезнее чем на ИТ-инкубаторе даже
Тут как-то больше реальной практики получаешь
Димыч конечно какие-то больше фундаментальные данные дает, но все равно мне как новичку тяжело потом из всех этих кусок информации сесть и собрать реальный проект. А тут прям все то, что нужно чтоб набраться реального опыта

Для меня это самый топовый контент в русскоязычном ютубчике
Красава! Респект тебе !
Надеюсь, что в дальнейшем еще увидим новые проекты от тебя

[pavelbondar]

Если у кого-то prettier не заработал, то в настройках найдите "Default Formatter" и выберете Prettier (espenp.prettier-vscode), должно все заработать