Telegram Web
🌟 dioxus — open-source fullstack GUI-библиотека для веб-, десктоп-приложений, мобильных устройств и многого другого

cargo install dioxus-cli

dioxus позволяет создавать самые разные приложения: веб-, нативные, для мобильных устройств на единой кодовой базе.
На изображениях приведён полный код простого приложения на dioxus для примера

🟡 Доки
🟡 Быстрый старт
🖥 GitHub

@react_tg
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
👍10🔥54
🖥 Orval — swagger на максималках

npm i orval -D

Orval позволяет:
— генерировать модели TypeScript
— генерировать HTTP-вызовы
— создавать моки с помощью MSW

Orval довольно удобно интегрируется с Angular, React или Vue

🖥 GitHub
🟡 Доки

@react_tg
Please open Telegram to view this post
VIEW IN TELEGRAM
👍222🔥2
🖥 VisionCamera — мощная, высокопроизводительная библиотека React Native

npm i react-native-vision-camera
cd ios && pod install


Вот некоторые особенности VisionCamera:
— позволяет захватывать фото и видео
— имеет функцию сканера QR/штрих-кодов
— позволяет настраивать разрешение и соотношение сторон, настраивать FPS
— имеет HDR и ночной режим

🖥 GitHub
🟡 Доки

@react_tg
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
👍19🔥53
This media is not supported in your browser
VIEW IN TELEGRAM
🖥 BlockNote — текстовый редактор, созданный с помощью React, с большим количеством возможностей

npm install @blocknote/core @blocknote/react @blocknote/mantine

BlockNote использует идею блоков (как в Notion), имеет множество возможностей, его можно легко расширять и дописывать новые возможности. Построен на основе Prosemirror и Tiptap.

🖥 GitHub

@react_tg
Please open Telegram to view this post
VIEW IN TELEGRAM
👍175🔥2😁1
🖥 Plate — мощный набор инструментов для React, облегчающий разработку текстовых редакторов на основе Slate

Сердце Plate — это система плагинов, специально разработанная для slate-react. Она помогает поддерживать проект организованным и эффективным, разделяя различные функциональные возможности.

В дополнение к плагинам Plate предоставляет нестилизованные и доступные компоненты, основанные на Radix UI — они служат основой для создания высококачественных систем проектирования.

🖥 GitHub
🟡 Доки
🟡 Демо, как выглядит редактор

@react_tg
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥9👍42🐳1
🔤 Transform.tools - крутой инструмент: универсальный конвертер данных

Этот инструмент выделяется двумя ключевыми преимуществами: поддержка многочисленных форматов и простой, интуитивно понятный интерфейс.

С его помощью вы можете с легкостью конвертировать CSS в JS-объекты, Markdown в HTML, JSON в MySQL и многое другое.

Transform.tools - сохраните себе, чтобы не искать его в будущем.

Github
Transform.tools

@react_tg
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥13👍6🥰21🖕1
🖥 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
2025/07/12 13:40:44
Back to Top
HTML Embed Code: