Скачать или смотреть React Middle Курс + RTK Query, часть 2, Images, Pagination, Caching & Infinite Queries

👉 Ссылка платформу с конспектом и актуальными ссылками
https://samurai.it-incubator.io/ru/re...

🔗 Ссылка на плейлист
   • RTK Query Full Course  

🚀 Структурное обучение frontend-разработке до трудоустройства
http://it-incubator.io/education/fron...

🚀 Помощь в трудоустройстве фронтенд-разработчиком
http://it-incubator.io/education/care...

⌚ Таймкоды
00:00:00 — 6. Working with images. Загрузка изображений, FormData, react-toastify
 • Загрузка дефолтной картинки
 • FormData- теория и практика
• input type="file"
 • Реализация загрузки изображения
• Ограничение загрузки по типу файла
 • Ограничение загрузки по размеру
• Реализация удаления изображения
• Рефакторинг / декомпозиция кода
 • Внедрение React toastify для отображения ошибок

00:56:56 — 7. Searching and Pagination. Query параметры, debounce
 • Работа с query параметрами
 • Реализация поиска
• Debounce - теория, реализация и пояснение кода
 • Пагинация - теория, реализация и пояснение кода
• Добавление селекта для выбора размера страницы (pageSize)
 • Рефакторинг / декомпозиция кода

02:00:30 — 8. Cache. Методы для работы с кэшем. Получение данных на другой странице
 • Кэширование теория
 • KeepUnusedDataFor
• RefetchOnFocus
 • RefetchOnReconnec
• Polling
 • Получение данных на другой странице

02:30:14 — 9. Infinity Queries. flat, flatMap, load more, IntersectionObserver, курсорная пагинация
 • Infinity Queries - теория
 • Курсорная пагинация - теория и реализация
• Реализация пагинации при отрисовке треков.
 • Методы массивов flat и flatMap на практике
• Реализация подгрузки данных по кнопке (load more)
 • Infinity scroll - теория
• Использование Intersection observer для реализации бесконечной подгрузки данных
• Декомпозиция. Вынесение логики в кастомный хук useInfiniteScroll
 • Домашнее задание: Offset Pagination

🖼️ Инстаграм Валеры
  / safronman