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

Показать описание
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 Самое начало
00:18 Что такое состояние (state) в компоненте?
06:48 - Открывающиеся/Закрывающиеся тэги
10:20 - Разбираемся в хуке useState
15:52 - Как сделать onClick на кнопку
24:40 - Делаем увеличение счетчика пицц в PizzaBlock при клике
31:40 - Что такое Virtual DOM?
37:50 - Когда использовать useState, а когда просто переменную?
44:00 - Итого
🔗 Следите за обновлениями и информацией в:
❤️ Поддержка:
📝 Полный стек:
- 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 Самое начало
00:18 Что такое состояние (state) в компоненте?
06:48 - Открывающиеся/Закрывающиеся тэги
10:20 - Разбираемся в хуке useState
15:52 - Как сделать onClick на кнопку
24:40 - Делаем увеличение счетчика пицц в PizzaBlock при клике
31:40 - Что такое Virtual DOM?
37:50 - Когда использовать useState, а когда просто переменную?
44:00 - Итого
🔗 Следите за обновлениями и информацией в:
#3: 🍕 React Pizza v2 — Как хранить данные в компоненте (useState), onClick, деструктуризация...
#21: 🍕 React Pizza v2 — Используем TypeScript + ReactJS (практика)
#18: 🍕 React Pizza v2 — Что такое ThunkAPI в RTK? Создаем селекторы
🍕 React Pizza v2 — Для кого данный курс и как его смотреть? Что нового?...
#7: 🍕 React Pizza v2 — Подключаем React Router v6, создаем компонент-скелетон...
#14: 🍕 React Pizza v2 — Оптимизируем поиск с помощью Debounce, пагинация через Redux Toolkit...
#6: 🍕 React Pizza v2 — получаем пиццы с бэкенда (fetch), изучаем хук useEffect...
#22: 🍕 React Pizza v2 — Типизируем пропсы (props) и хук useRef (TypeScript)
What If William Afton Never Appeared in the FNAF Movie 2
#10: 🍕 React Pizza v2 — Разрабатываем пагинацию и поиск пицц
#24: 🍕 React Pizza v2 — TypeScript + Redux Toolkit
#23: 🍕 React Pizza v2 — Типизация onClick, onChange и Event (TypeScript)
#20: 🍕 React Pizza v2 — Что такое TypeScript и зачем он нужен?
#3: React Pizza — разработка интернет-магазина (for junior)
#17: 🍕 React Pizza v2 — Асинхронные экшены в RTK (createAsyncThunk), отлавливаем ошибки...
#4: 🍕 React Pizza v2 — Создаем компонент пицц и категории, рендер списка, spread-оператор...
#2: 🍕 React Pizza v2 — Создаём компонент, SCSS, import/export, props (пропсы)...
🍕 React Pizza v2 — разрабатываем лучшую пиццерию на React + TypeScript + Redux Toolkit + Router v6...
#12: 🍕 React Pizza v2 — Изучаем библиотеку Redux Toolkit
#9: 🍕 React Pizza v2 — Делаем функционал сортировки и фильтрации пицц...
Italians react to BROKEN pasta omelette @BayashiTV_
My Scary Singing Monsters | Pizza Tower Screaming Meme React
Squid Game: Season 3 | Full Trailer | Netflix
#8: 🍕 React Pizza v2 — Настраиваем адаптивную вёрстку, создаём страницу корзины...
Комментарии