sfd
Как уменьшить размер компонента React: 3 профессиональных приема
Источник: Nuances of Programming В процессе работы многие фрагменты кода увеличиваются настолько, что над ними легко потерять контроль. Речь идет о компонентах React. Обрастание компонента множеством функций, JSX и конфигураций становится одной из главных проблем для тех, кто начинает изучать React. Рассмотрим, как ее избежать. Возьмем в качестве примера один из компонентов пользовательского интерфейса — table. Попробуем оптимизировать его объем, используя для этого 3 приема. Компонент table будет иметь несколько функций, которые можно расширить в дальнейшем...
Работаем с таблицами с помощью React Table Привет, друзья! В этом туториале я покажу вам несколько полезных приемов по работе с таблицами с помощью React Table. React Table — одна из самых популярных на сегодняшний день библиотек экосистемы React для манипулирования табличными данными. Однако это далеко не самое простое в изучении и использовании решение, поэтому хорошо подумайте, прежде чем добавлять его в свой проект. Мы последовательно реализуем 5 вариантов таблицы: с возможностью сортировки строк; с возможностью фильтрации строк; с пагинацией; с возможностью выбора строк; комплексную. В конце я расскажу еще об одной интересной библиотеке, позволяющей легким движением руки создавать богатые функционалом и приятные глазу таблицы. Предполагается, что вы имеете некоторый опыт работы с React и TypeScript. Для тех, кого интересует только код, вот ссылка на соответствующий репозиторий. Интересно? Тогда прошу под кат. Читать дальше → Привет, друзья! В этом туториале я покажу вам несколько полезных приемов по работе с таблицами с помощью React Table. React Table — одна из самых популярных на сегодняшний день библиотек экосистемы React для манипулирования табличными данными. Однако это далеко не самое простое в изучении и использовании решение, поэтому хорошо подумайте, прежде чем добавлять его в свой проект. Мы последовательно реализуем 5 вариантов таблицы: с возможностью сортировки строк; с возможностью фильтрации строк; с пагинацией; с возможностью выбора строк; комплексную. В конце я расскажу еще об одной интересной библиотеке, позволяющей легким движением руки создавать богатые функционалом и приятные глазу таблицы. Предполагается, что вы имеете некоторый опыт работы с React и TypeScript. Для тех, кого интересует только код, вот ссылка на соответствующий репозиторий. Интересно? Тогда прошу под кат. Читать дальше → https://rsconsult.ru