React Frontend

🗣️ Astuto — open-source платформа для сбора фидбэка пользователей. С помощью инструмента можно публиковать roadmap, модерировать предложения пользователей и интегрироваться с Jira/Slack через webhooks.

Проект имеет гибкие настройки доступа от анонимных предложений до обязательной модерации. В отличие от аналогов, здесь нет ограничений на количество проектов или пользователей, а развёртывание через Docker занимает минуты.

🤖 GitHub

@react_tg

📝 Remirror — react-библиотека для создания текстовых редакторов. Этот open-source проект, предлагающий готовые решения для WYSIWYG-редактирования с поддержкой мобильных устройств и доступностью.

Библиотека имеет модульную архитектуру: можно использовать готовые расширения или создавать собственные на низком уровне. Для старта достаточно установить пакет и собрать редактор из 30+ доступных компонентов.

🤖 GitHub

@react_tg

🎨 Origin UI — готовая коллекция компонентов для React и Tailwind CSS. Библиотека предлагает разработчикам набор готовых UI-элементов, которые можно просто скопировать и вставить в свой проект. Компоненты созданы с учётом современных тенденций дизайна и поддерживают темную и светлую темы.

Особенность проекта в глубокой интеграции с Tailwind CSS и React, включая Next.js. Компоненты следуют тем же принципам, что и shadcn, но с расширенными возможностями кастомизации. Поддержка Tailwind v4 обеспечивает доступ к новейшим функциям фреймворка.

🤖 GitHub

@react_tg

🚀 Почему пользователи платят $30 за простой конвертер картинок? Давайте разберемся.

Кирилл из комьюнити создал простой продукт всего за один месяц, внедрив метод, которой уже принес результат.

Как он это сделал:
1️⃣ Анализ спроса: через поисковые запросы он увидел, что много людей ищут конвертацию «HEIC to JPG».
2️⃣ Фокус на главном: удалил всё лишнее, оставив только функцию конвертации в один клик.
3️⃣ Скорость внедрения: за 30 дней сделал запуск без перфекционизма.

Посты про конвертер (ч.1, ч.2)

Что из этого получилось:
— Доход $500 в месяц с тенденцией роста.
— Более $10K заработано на конвертере.
— $0 на рекламу, всего $40 в месяц на сервер.

Выводы:
— Люди платят за удобство, даже если есть бесплатные аналоги.
— Продукт функционирует автоматически с минимальной поддержкой.
— Быстрая и экономичная проверка идеи может быть успешной.

Результаты из комьюнити билдеров:
— Более 400 запусков по этой методике.
— Некоторые продукты уже набрали от 50К до 100К+ пользователей.

Присоединяйтесь к @its_capitan — следите за процессом разработки, продвижения и узнайте, сколько можно заработать на таких микро-продуктах.

Реклама: ИП Зуев Игорь Владимирович, ИНН: 360408359441, Erid: 2Vtzqv2URv4

🌐 Mastra — это TypeScript-фреймворк для создания AI-приложений!

🌟 Он предоставляет инструменты для работы с LLM, агентами, рабочими процессами, RAG, интеграциями и оценками. Фреймворк поддерживает запуск как локально, так и в облаке. Среди ключевых возможностей: маршрутизация моделей (OpenAI, Anthropic, Gemini), автоматизированные агенты, инструменты для выполнения функций, графовые конечные автоматы состояний, RAG для построения баз знаний и API-клиенты для сторонних сервисов.

🔐 Лицензия: ELv2

🖥 Github

@react_tg

🌧️ Graphic Walker — это легковесный React-компонент для встраивания в веб-приложения, который превращает структурирование данных в интуитивный процесс с drag-and-drop интерфейсом.

Проект ориентируется на простоту реализации. В отличие от других решений, здесь можно в несколько строк кода добавить приятную визуализацию в свое приложение. При этом поддерживаются продвинутые функции: от объяснения аномалий в данных до пространственной визуализации геоданных.

🤖 GitHub

@react_tg

🌐 Stack Auth — это открытая альтернатива Auth0 и Clerk, предназначенная для аутентификации пользователей в веб-приложениях!

🌟 Она поддерживает OAuth, вход через email/пароль, magic links, а также предоставляет удобные готовые компоненты для Next.js. Разработчики могут использовать REST API для интеграции с любым серверным стеком.

🔐 Лицензия: AGPL-3.0

🖥 Github

@react_tg

CSS совет 💡

Для лучшего UX используйте :focus-visible вместо :focus для изменения стиля обводки ✅

@react_tg

🌐 LinguiJS — легковесная библиотека для интернационализации. Этот инструмент предлагает элегантное решение, для адаптации проекта под несколько языков без головной боли.

В отличие от громоздких аналогов, Lingui весит всего 3 КБ и поддерживает React-компоненты прямо внутри переводимых строк. В коде используется ICU MessageFormat — тот же стандарт, что и в популярных i18n-библиотеках, но с более простым синтаксисом. А встроенный CLI автоматически извлекает фразы для перевода из кода.

🤖 GitHub
@react_tg

Используйте свойство columns, чтобы разделить статью на отзывчивые колонки 🚀.