Telegram Web Link
🖥 gestalt — набор компонентов UI React

npm i gestalt --save
npm i gestalt-charts --save
npm i gestalt-datepicker --save


gestalt — это набор компонентов пользовательского интерфейса React, поддерживающий язык дизайна Pinterest

🖥 GitHub
🟡 Примеры использования и компоненты

@react_tg
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
👍84🔥2
⚡️ Если вы добавляете символы кавычек, используйте в качестве содержимого open-quote и close-quote, поскольку они учитывают язык документа.

🚀 Подробнее

#css #tip

@react_tg
Please open Telegram to view this post
VIEW IN TELEGRAM
👍2510🔥1
This media is not supported in your browser
VIEW IN TELEGRAM
🖥 Shader Gradient — пакет React для создания анимированного градиента

npm i three @types/three @react-three/fiber shadergradient framer-motion

Shader Gradient также можно использовать в Figma и Framer.

🖥 GitHub
🟡 Страничка Shader Gradient

@react_tg
Please open Telegram to view this post
VIEW IN TELEGRAM
👍237🔥4
🖥 React Query Builder — компонент на React для построения запросов

npm i react-querybuilder @react-querybuilder/dnd react-dnd react-dnd-html5-backend

React Query Builder — это полностью настраиваемый компонент построения запросов для React, а также набор функций для импорта и экспорта в SQL, JSON, в формат для MongoDB и т.д.

🖥 GitHub
🟡 Доки
🟡 Онлайн-демо

@react_tg
Please open Telegram to view this post
VIEW IN TELEGRAM
👍92🔥1
🔥Border radius на CSS: полезные заметки для фронтенд-разработчика

#css #tips #frontend

@react_tg
👍258🔥6
🖥 TanStack Router — современная и масштабируемая маршрутизация для React-приложений

npm install @tanstack/react-router

TanStack Router — это полностью типобезопасный React-маршрутизатор со встроенной функцией выборки данных, кэшированием stale-while revalidate и удобными API для поиска по параметрам.

🖥 GitHub
🟡 Доки

@react_tg
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥142👍1
🖥 React Lazy Load Image — компонент для ленивой загрузки изображений и компонентов с использованием HOC для отслеживания позиции прокрутки окна

npm i --save react-lazy-load-image-component

Это React-компонент для ленивой загрузки изображений и других элементов.
Поддерживает IntersectionObserver и включает HOC для отслеживания позиции прокрутки окна для повышения производительности.

🖥 GitHub

@react_tg
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
👍146🔥4
🖥 Jotai — простой и гибкий инструмент для управления состояниями в React

npm i jotai

Jotai масштабируется от простой замены UseState до корпоративного TypeScript-приложения.

Особенности Jotai:
— Минимальный основной API (2 кб)
— Множество утилит и расширений
— Отсутствие строковых ключей (по сравнению с Recoil)

🖥 GitHub
🟡 Доки
🟡 Запустить демонстрацию

@react_tg
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
👍126🔥5😢1
2025/07/09 20:20:14
Back to Top
HTML Embed Code: