Скачать или смотреть #3: 🍕 React Pizza v2 — Как хранить данные в компоненте (useState), onClick, деструктуризация

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

Более подробней тут: https://www.notion.so/React-Pizza-v2-...

Исходники доступны в Boosty или в моём Telegram-канале: https://t.me/archakov_im

❤️ Поддержка:
— Boosty (исходники, макеты): https://boosty.to/archakov_blog
— Донаты: https://www.donationalerts.com/r/arch...

Старый курс React Pizza -    • #1: React Pizza — разработка интернет-мага...  

👀 Демо: https://react-pizza-v2-archakov.verce...

📝 Полный стек:
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-p...
Ссылка на вёрстку: https://github.com/Archakov06/react-p...
Ссылка на дизайн: https://www.figma.com/file/wWUnQwvRDW...

Таймкоды:
00:00 Самое начало
00:18 Что такое состояние (state) в компоненте?
06:48 - Открывающиеся/Закрывающиеся тэги
10:20 - Разбираемся в хуке useState
15:52 - Как сделать onClick на кнопку
24:40 - Делаем увеличение счетчика пицц в PizzaBlock при клике
31:40 - Что такое Virtual DOM?
37:50 - Когда использовать useState, а когда просто переменную?
40:00 - Почему я пишу React.useState, а не с помощью деструктуризации?
44:00 - Итого

📢 Платный курс по ReactJS с наставником: https://mentor.archakov.im/landing.html

🔗 Следите за обновлениями и информацией в:
— Telegram-канале: https://t.me/archakov_im
— VK: https://vk.com/archakov_im
— Личном блоге: https://archakov.im
— GitHub: https://github.com/Archakov06
— Моё резюме: https://career.habr.com/archakovim