#10: 🍕 React Pizza v2 — Разрабатываем пагинацию и поиск пицц

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

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

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

[evilinarm]

Что я понял из этого видео?
- React это как пожар в доме, передавайте пропсы правильно, иначе исход может быть плачевным.

Спасибо за видео, с примера на 14:00, смеялся от всей души.

[tatianaagapkina]

классно, что ты и поиск через filter показал, и через бэк, и пояснил, чем они отличаются. Респект!

[GabrialWeb]

Очень круто и подробно расписано по запросам. Спасибо!

[shokhrookhr]

Ну наконец-то) А то испугался, что что-то случилось) Продолжай)

[xepqefp]

Отдельное спасибо за смешные аналогии, отлично разбавляет обстановку)

[strr]

0:00 Создаём компонент поиска
8:50 Про props drilling. Передача состояний из одного компонента в другие через пропсы
15:38 Про инпуты в Реакт. Управляемые инпуты.
27:52 Про нынешнюю проблему с передачей пропсов.
31:50 Поиск реализованный для статики.
39:00 Реализуем поиск с бекенд данными.
47:05 Пагинация

[mavldr]

Ты лучший, а примеры твои еще лучше 😁 Спасибо за видео

[gwfxmsq]

Объясняет супер подробно, почти что на пальцах👍

[znogoud]

Автор, очень интересно заходит такая подача) для меня это что-то среднее между супер-подробным материалом it-kamasutra, который впадлу смотреть, и всеми остальными "супер-вылизанными идеальными" курсами, которые не дают представления, что у тебя может что-то не получаться с первого раза ) Настоящий красавумба 👍👍

[tastebublik]

опять таки благодарю за отличный контент

[Evgeny..]

Спасибо за отличное видео. React, redux, js, lesson

[xuobpge]

пример с пожаром крутой, вот бы побольше таких)

[nkihuhh]

Огромное спасибо за лучший курс по react!

[delaynah]

ребята, лайкайте обязательно видео, идеальная подача как по мне

[gvvgwvb]

Курс от души. Archakov добра тебе. Сделай пожалуйста после этого курса еще какой-нибудь посложнее

[kulzszn]

Просто крутой и бесплатный современный курс по реакт

[RafatAbbassov]

14:08 Уже представляю как я на собесе буду приводить примеры)

[andreynevazhniy]

Добрый день! подскажите как сделать очистку поля ввода при работающей анимации расширения при фокусе, потому что так не работает, только если анимация отключена. Заранее спасибо!

[CyberGenius]

1) 56:10 по центру у тебя не встало потому что align-items надо было написать, не align-self

2) Пагинация. Если бэк не возвращает нужное количество страниц, то мы можем сами посчитать: Math.ceil(Общее количество товаров / Лимит отображения товаров на странице)

3) 1:10:13. Mockapi работает корректно. Ты при поиске должен перекидывать пользователя на первую страницу. При поиске тебе надо было пересчитывать количество товара отображаемого и в пагинации показывать нужное количество страниц (Если бы у тебя было, например, 5 сырных пицц, то на второй странице была бы одна пицца). Данная проблема выкатилась из пункта 2, который я описал выше

[rygach]

спасибо!

подскажите, у нас при поиску по бэкенду toLowerCase происходит на стороне бэкенда?