Загрузка страницы

Как сделать пагинацию на React.js ? [React Pagination]

Привет. Давно не было урока по React.js
В данном ролике восполним этот пробел и разберемся, как мы можеть сделать Пагинацию (Pagination) для любого Реакт приложения.

👉 Ссылка на API: https://restcountries.eu/

👉 Тайм-коды:
00:00 Обзор приложения
01:11 Создаем проект
02:00 Создание state'ов
03:22 Работа с API
05:55 Создание компонента Countries
09:55 Определение текущей страницы
11:21 Создание компонента Paginate
17:55 БОНУС
🔴 Исходный код урока доступен на Patreon: https://www.patreon.com/roman_timoshchuk
🔴 Видео про мою супер Gulp сборку: https://www.youtube.com/watch?v=8Oc8hT51czQ&t=1s
🔴 Данная сборка + инструкция уже ДОСТУПНА на Patreon: https://www.patreon.com/posts/moia-gulp-sborka-49691765

Интересные ролики, можете посмотреть на досуге:
👉 Урок по MERN Stack: https://www.youtube.com/watch?v=8PZMP06Vap4
👉 Урок по NEXT.js: https://www.youtube.com/watch?v=e2XjlsZHXSQ&t=5852s

📨 По любым вопросам можете писать в Instagram:
https://www.instagram.com/roman_timoshchuk/

Видео Как сделать пагинацию на React.js ? [React Pagination] канала Давай Попробуем: JavaScript
Показать
Комментарии отсутствуют
Введите заголовок:

Введите адрес ссылки:

Введите адрес видео с YouTube:

Зарегистрируйтесь или войдите с
Информация о видео
24 мая 2021 г. 19:10:27
00:20:01
Другие видео канала
55 - React JS практика - pagination, постраничный вывод пользователей55 - React JS практика - pagination, постраничный вывод пользователейCustom Hooks на примерах. Пишем свой useInput, useFetch, useTheme - React HooksCustom Hooks на примерах. Пишем свой useInput, useFetch, useTheme - React HooksReact и PHP интегрируем бекенд и фронтендReact и PHP интегрируем бекенд и фронтендReact + Django Integration Tutorial | Hello World AppReact + Django Integration Tutorial | Hello World AppТОП 3 преимущества React | Что даёт React разработчику | Иван ПетриченкоТОП 3 преимущества React | Что даёт React разработчику | Иван ПетриченкоReact 16 - ПорталыReact 16 - ПорталыВалидация форм на React JS. Простая валидация. Урок 1.Валидация форм на React JS. Простая валидация. Урок 1.Динамическая пагинация на React JS. Подгрузка при скролле страницы React JSДинамическая пагинация на React JS. Подгрузка при скролле страницы React JSPagination in React using React HooksPagination in React using React HooksReact 19: Пользовательский хукReact 19: Пользовательский хукSetup React Table Pagination | React Bootstrap Table2Setup React Table Pagination | React Bootstrap Table2Как стать Junior JavaScript разработчикомКак стать Junior JavaScript разработчикомХостим REACT сайт на GitHub за 10 минутХостим REACT сайт на GitHub за 10 минутБиблиотека компонентов Ant Design. Быстрый стартБиблиотека компонентов Ant Design. Быстрый стартReact - #3 - пробрасываем данные из парент компонента в чайлд с помощью propsReact - #3 - пробрасываем данные из парент компонента в чайлд с помощью propsReact или Vue или Angular. Что Выбрать?React или Vue или Angular. Что Выбрать?ReactJS Pagination Tutorial using React HooksReactJS Pagination Tutorial using React HooksТаблица на Vue.js. VUEX+AXIOS+API. Пагинация и сортировка данных.Таблица на Vue.js. VUEX+AXIOS+API. Пагинация и сортировка данных.Next JS быстрый курс SSR на React JS с нуля до деплояNext JS быстрый курс SSR на React JS с нуля до деплояLearn React Portal In 12 Minutes By Building A ModalLearn React Portal In 12 Minutes By Building A Modal
Яндекс.Метрика