🦾 Как уменьшить размер компонента React: 3 профессиональных приема

В процессе работы многие фрагменты кода увеличиваются настолько, что над ними легко потерять контроль. Речь идет о компонентах React. Обрастание компонента множеством функций, JSX и конфигураций становится одной из главных проблем для тех, кто начинает изучать React. Рассмотрим, как ее избежать.

Возьмем в качестве примера один из компонентов пользовательского интерфейса —  table. Попробуем оптимизировать его объем, используя для этого 3 приема.

Компонент table будет иметь несколько функций, которые можно расширить в дальнейшем.

Получение заголовков и строк в качестве параметров и рендеринг таблицы.
Получение сортировщиков в качестве параметра, определяющего, какой заголовок подлежит сортировке.
Переключение заголовка таблицы будет вызывать сортировку по возрастанию и убыванию.

➡️ Читать дальше

@javascriptv