Работаем с таблицами с помощью React Table Привет, друзья! В этом туториале я покажу вам несколько полезных приемов по работе с таблицами с помощью React Table. React Table — одна из самых популярных на сегодняшний день библиотек экосистемы React для манипулирования табличными данными. Однако это далеко не самое простое в изучении и использовании решение, поэтому хорошо подумайте, прежде чем добавлять его в свой проект. Мы последовательно реализуем 5 вариантов таблицы: с возможностью сортировки строк; с возможностью фильтрации строк; с пагинацией; с возможностью выбора строк; комплексную. В конце я расскажу еще об одной интересной библиотеке, позволяющей легким движением руки создавать богатые функционалом и приятные глазу таблицы. Предполагается, что вы имеете некоторый опыт работы с React и TypeScript. Для тех, кого интересует только код, вот ссылка на соответствующий репозиторий. Интересно? Тогда прошу под кат. Читать дальше → Привет, друзья! В этом туториале я покажу вам несколько полезных приемов по работе с таблицами с помощью React Table. React Table — одна из самых популярных на сегодняшний день библиотек экосистемы React для манипулирования табличными данными. Однако это далеко не самое простое в изучении и использовании решение, поэтому хорошо подумайте, прежде чем добавлять его в свой проект. Мы последовательно реализуем 5 вариантов таблицы: с возможностью сортировки строк; с возможностью фильтрации строк; с пагинацией; с возможностью выбора строк; комплексную. В конце я расскажу еще об одной интересной библиотеке, позволяющей легким движением руки создавать богатые функционалом и приятные глазу таблицы. Предполагается, что вы имеете некоторый опыт работы с React и TypeScript. Для тех, кого интересует только код, вот ссылка на соответствующий репозиторий. Интересно? Тогда прошу под кат. Читать дальше → https://rsconsult.ru
06:44
1,0×
00:00/06:44
452,2 тыс смотрели · 4 года назад
3 года назад
Карусель изображений в React Native
Источник: Nuances of Programming Карусели  —  важнейший инструмент для отображения нескольких элементов контента в одном месте. Допустим, вы владеете успешным интернет-магазином и хотите разместить на сайте каталог с предложениями и скидками  —  тогда целесообразно оформить его в виде карусели. При таком подходе список не занимает много места, тем самым улучшая дизайн UX. Перед вами один из примечательных примеров карусели в приложении Instagram: Создание карусели с помощью React Native включает следующие этапы: Как видно, разработка карусели для приложения требует много вложений времени и сил...