🔮 fresnel — элегантное решение для адаптивного рендеринга в React. Этот проект переосмысливает работу с медиазапросами, перенося их логику прямо в React-компоненты. Вместо ручного управления условиями рендера через CSS или JS, проект предлагает декларативный подход: вы определяете breakpoints, а библиотека автоматически рендерит нужную версию интерфейса.

Инструмент имеет поддержку SSR, благодаря чему рендерит все breakpoints на сервере, а клиент уже после гидратации отключает лишнее через matchMedia. Это не только ускоряет загрузку, но и избавляет от проблем с мерцанием стилей при CSR.

🤖 GitHub

@react_tg