Курс NextJS. 11. Поиск и постраничный вывод / Search & Pagination

Аватар автора
Дмитрий Макаренков
Курс NextJS. 11. Поиск и постраничный вывод / Search & Pagination 1. Используем API Next.js для редактирования строки URL в клиентских (client-side) компонентах: хуки useSearchParams, usePathname и useRouter 2. Реализуем поиск и постраничный вывод (pagination) с пересылкой параметров поиска в (запросе GET) URL в строке браузера 3. Извлекаем параметры URL из SearchParams и обновляем (server-side) таблицу инвойсов по результатам соответствующего запроса в БД 4. Решаем проблему отсутствия обновления данных в статических страницах применением динамического рендеринга к маршруту /dashboard Презентацию можно скачать здесь: Ссылка на GitHub: Хронометраж 0:00:00 Введение 0:02:05 Целевая аудитория 0:02:26 План работы 0:05:56 Реализация поиска и постраничного вывода в Next.js. Постановка задачи 0:08:58 Преимущества использования параметров поиска URL 0:10:39 Заготовка страницы Invoices 0:13:01 Используем клиентские хуки Next.js (useSearchParams, usePathname, useRouter) 0:12:42 Поиск. Последовательность реализации 0:15:37 Поиск. Захватываем пользовательские данные 0:18:48 Поиск. Добавляем параметр поиска (query) в URL 0:24:15 Поиск. Синхронизируем URL и input 0:28:34 Поиск. Обновляем таблицу инвойсов 0:34:12 Поиск. Решаем проблему излишних запросов к БД (Excessive Bouncing) 0:39:29 Постраничный вывод 0:52:20 Схема взаимодействия компонентов страницы инвойсов 0:58:21 Решаем проблему статической компиляции Dashboard 1:11:42 Статический, динамический рендеринг...

0/0


0/0

0/0

0/0