Telegram Web Link
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
🖥 TypeStat — CLI-утилита, которая позволяет преобразовать JS в TS и многое другое

npm i typestat

TypeStat может:
— Преобразовывать файлы JavaScript в TypeScript за 1 раз
— Добавлять типы TypeScript в файлы, только что преобразованные из JavaScript в TypeScript
— Определять типы для исправления нарушений --noImplicitAny и --noImplicitThis
— Аннотировать отсутствующие нули и неопределенные значения, чтобы начать работу с --strictNullChecks

🖥 GitHub

@react_tg
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
👍234🔥3🤔3🥱1
🖥 DayPicker — компонент React для создания календарей и полей для ввода дат в веб-приложениях и т.д.

npm install react-day-picker date-fns

Особенности DayPicker:
— Минималистичный дизайн для легкой настройки.
— Масса возможностей для настройки и конфигурирования календаря.
— Поддерживает выбор 1 дня, нескольких дней и других временных диапазонов
— Может быть локализован на любой язык.
— Включает настраиваемые внутренние компоненты для сложных случаев использования.

DayPicker написан на TypeScript и скомпилирован в CommonJS и ESM.
Требует наличия date-fns в качестве зависимого компонента.

🖥 GitHub
🟡 Доки

@react_tg
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥21👍105
2025/07/13 21:57:26
Back to Top
HTML Embed Code: