129 читали · 1 год назад
Разделение пользовательского интерфейса и логики в React: чистый код с безголовыми компонентами
Источник: Nuances of Programming В сфере фронтенд-разработки встречаются сложные термины и парадигмы. “Безголовый пользовательский интерфейс” (“headless UI”) или “безголовые компоненты” (“headless components”) вполне можно отнести к этой категории. Не одни вы ломаете голову, пытаясь понять, что они означают. На самом деле, несмотря на названия, эти понятия представляют собой впечатляющие стратегии, способные значительно упростить управление сложными пользовательскими интерфейсами. Безголовые компоненты...
275 читали · 2 года назад
Как сохранить фильтры и страницу при переходе между страницами на примере React + Ant design
Для сохранения состояния компонента между переходами и обновлениями страницы можно использовать различные подходы. В React есть несколько способов реализации этой функциональности, но одним из наиболее распространенных подходов является использование React Context. Для сохранения состояния фильтров и текущей страницы таблицы Ant Design мы можем создать контекст с помощью функции createContext из библиотеки React. Затем мы можем использовать Provider, чтобы предоставить доступ к этому контексту для всех компонентов, которым это необходимо. В качестве примера рассмотрим следующий код: import React,...