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
⚡️Лучший способ получать свежие обновлении и следить за трендами в разработке на вашем языке. Находите свой стек и подписывайтесь:

C#: www.tg-me.com/csharp_ci
Машинное обучение: www.tg-me.com/ai_machinelearning_big_data
АНАЛИЗ Данных: www.tg-me.com/data_analysis_ml
Хакинг: www.tg-me.com/linuxkalii
Linux: www.tg-me.com/linuxacademiya
Базы данных: www.tg-me.com/sqlhub
C++ www.tg-me.com/cpluspluc
Golang: www.tg-me.com/Golang_google
Java: www.tg-me.com/javatg
React: www.tg-me.com/react_tg
Javascript: www.tg-me.com/javascriptv
Мобильная разработка: www.tg-me.com/mobdevelop
Docker: www.tg-me.com/+0WdB4uvOwCY0Mjdi
Python: www.tg-me.com/pythonl
Rust: www.tg-me.com/rust_code
PHP: www.tg-me.com/phpshka
Android: www.tg-me.com/android_its
Big Data: www.tg-me.com/bigdatai
Devops: www.tg-me.com/devOPSitsec
Собеседования МЛ: www.tg-me.com/machinelearning_interview
Python подготовка с собесу: www.tg-me.com/python_job_interview
МАТЕМАТИКА: www.tg-me.com/data_math

💼 Папка с вакансиями: www.tg-me.com/addlist/_zyy_jQ_QUsyM2Vi
Папка Go разработчика: www.tg-me.com/addlist/MUtJEeJSxeY2YTFi
Папка Python разработчика: www.tg-me.com/addlist/eEPya-HF6mkxMGIy
Папка ML: https://www.tg-me.com/addlist/2Ls-snqEeytkMDgy
C++ папка: https://www.tg-me.com/addlist/CdBs5DLepLJmZjY6
C# папка: https://www.tg-me.com/addlist/u15AMycxRMowZmRi
Java папка: https://www.tg-me.com/addlist/ZM3J6oFNAnRlNWU6
FRONTEND папка: https://www.tg-me.com/addlist/mzMMG3RPZhY2M2Iy
Linux папка: https://www.tg-me.com/addlist/w4Doot-XBG4xNzYy

😆ИТ-Мемы: www.tg-me.com/memes_prog
🇬🇧Английский: www.tg-me.com/english_forprogrammers
🧠ИИ: www.tg-me.com/vistehno

📕Ит-книги бесплатно: https://www.tg-me.com/addlist/BkskQciUW_FhNjEy
10🔥2
2025/07/08 13:33:22
Back to Top
HTML Embed Code: