Telegram Web
👩‍💻 Invoify — это веб-приложение для создания и управления профессиональными счетами, разработанное с использованием Next.js 13, TypeScript, React и библиотеки Shadcn UI!

🔐 Лицензия: MIT

🖥 Github

@react_tg
Please open Telegram to view this post
VIEW IN TELEGRAM
👍124🔥2
👩‍💻 MUI — это обширная библиотека React-компонентов, реализующая систему Material Design от Google!

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

@react_tg
Please open Telegram to view this post
VIEW IN TELEGRAM
12👍7🔥4🤔1🥱1
👩‍💻 SigNoz — это платформа с открытым исходным кодом для мониторинга приложений, разработанная на основе OpenTelemetry!

🌟 Она объединяет логи, трассировки и метрики в одном приложении, предоставляя разработчикам и операционным командам комплексный инструмент для мониторинга и анализа производительности сервисов в реальном времени. SigNoz позиционируется как альтернатива таким коммерческим решениям, как DataDog и NewRelic.

🔐 Лицензия: MIT

🖥 Github

@react_tg
Please open Telegram to view this post
VIEW IN TELEGRAM
7👍3🔥3
👩‍💻 Puck — это визуальный редактор для React, разработанный компанией Measured Corporation Ltd!

🌟 Он позволяет разработчикам создавать и редактировать компоненты React с помощью интуитивно понятного интерфейса, что упрощает процесс разработки пользовательских интерфейсов. Puck предоставляет возможности перетаскивания компонентов, настройки их свойств и визуального редактирования структуры приложения.

🔐 Лицензия: MIT

🖥 Github

@react_tg
Please open Telegram to view this post
VIEW IN TELEGRAM
👍186🔥3
😁80👍115
✔️ Визуализация алгоритмов сортировки

Визуализатор на React, чтобы разобраться в работе ключевых алгоритмов сортировки.

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

🔗 GitHub

@react_tg
Please open Telegram to view this post
VIEW IN TELEGRAM
👍166🔥2
🌐 Headless UI — это набор полностью доступных UI-компонентов для React и Vue, разработанных для интеграции с Tailwind CSS!

🌟 Эти компоненты предоставляют функциональность без предопределённого стиля, что позволяет разработчикам полностью контролировать их внешний вид.

🔗 Ссылка: *клик*

@react_tg
Please open Telegram to view this post
VIEW IN TELEGRAM
14👍6🔥2
👩‍💻 Mantine — это современная библиотека компонентов и хуков для React, созданная для ускорения разработки веб-приложений! Она включает более 100 настраиваемых компонентов и свыше 50 хуков, обеспечивая разработчикам широкий инструментарий для создания функциональных и доступных интерфейсов.

🔗 Ссылка: *клик*

@react_tg
Please open Telegram to view this post
VIEW IN TELEGRAM
👍268🔥3
👩‍💻 Это — подробное руководство по созданию настраиваемого хука useSearch в React!

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

🔗 Ссылка: *клик*

@react_tg
Please open Telegram to view this post
VIEW IN TELEGRAM
👍18🔥54
🖥 Совет по HTML 💡

Знаете ли вы, что можно разместить кнопку отправки формы вне самой формы?

@react_tg
Please open Telegram to view this post
VIEW IN TELEGRAM
👍40🤔93🔥3😢2
🌐 Developer Icons — это бесплатный и открытый набор оптимизированных и настраиваемых иконок для ваших проектов!

🌟 Иконки разработаны с учетом производительности и минимального размера, обеспечивая при этом высокое качество и масштабируемость без потери четкости. Пользователи могут легко изменять размер, цвет, толщину линий и другие параметры иконок в соответствии с требованиями своих проектов.

🔗 Ссылка: *клик*

@react_tg
Please open Telegram to view this post
VIEW IN TELEGRAM
👍167🔥2
🌐 Gradienty — это онлайн-инструмент, предназначенный для создания и настройки градиентов, текстовых градиентов, эффектов glassmorphism и других визуальных элементов с поддержкой Tailwind CSS!

🔗 Ссылка: *клик*

@react_tg
Please open Telegram to view this post
VIEW IN TELEGRAM
👍115🔥4
🚀 SaaS Starter Kit — готовый шаблон для корпоративных SaaS-приложений на Next.js. Этот open-source проект включает всё необходимое для enterprise-решений: аутентификацию, платежи через Stripe, аудит-логи и даже синхронизацию с корпоративными каталогами.

Основанный на Next.js и TypeScript, шаблон уже настроен для работы с PostgreSQL через Prisma и покрыт end-to-end тестами на Playwright. Особенно удобна встроенная поддержка Docker Compose для быстрого развёртывания.

🤖 GitHub

@react_tg
👍135🥴3🔥2🕊1
👩‍💻 react-responsive — это React-библиотека, позволяющая использовать CSS media queries непосредственно в компонентах React, обеспечивая адаптивный дизайн!

🔐 Лицензия: MIT

🖥 Github

@react_tg
Please open Telegram to view this post
VIEW IN TELEGRAM
👍113🔥2
Как стать профи в JavaScript? Вебинар для разработчиков, которые хотят расти

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

На открытом вебинаре 21 апреля в 20:00 мск мы разберемся, как стать профессионалом, а не просто джуном. Обсудим:

— Почему одного знания JavaScript недостаточно для роста.
— Как фреймворки (React, Vue, Angular, Svelte) влияют на вашу карьеру и как выбрать тот, который подходит именно вам.
— Почему Node.js полезен фронтенд-разработчикам и как он ускоряет ваш путь в мире технологий.
— Как научиться быстро осваивать новые фреймворки и не бояться перемен.

Этот вебинар — не о коде, а о том, как осознанно развивать свою карьеру. Присоединяйтесь и получите скидку на большое обучение «JavaScript Developer. Professional»: https://otus.pw/a9L1/?erid=2W5zFGnNqbN

Реклама. ООО "ОТУС ОНЛАЙН-ОБРАЗОВАНИЕ". ИНН 9705100963.
2👍1🖕1
👩‍💻 В этой статье автор объясняет ключевые хуки React 19: useFormState() для управления состоянием форм, useFormStatus() для отслеживания статуса отправки, useActionState() для обработки асинхронных действий, useOptimistic() для оптимистичных обновлений UI и use() для работы с промисами в компонентах!

🔗 Ссылка: *клик*

@react_tg
Please open Telegram to view this post
VIEW IN TELEGRAM
👍155🔥1
🌐 Эта статья объясняет, как настроить React-библиотеку для тестирования приложений на Next.js!

🌟 В статье пошагово описывается процесс установки Jest, конфигурации и написания первых тестов. Рассматриваются преимущества тестирования, включая уверенность при рефакторинге кода и упрощение поиска ошибок. В качестве примера приведен тест компонента игры 2048, который проверяет правильность рендеринга игрового поля.

🔗 Ссылка: *клик*

@react_tg
Please open Telegram to view this post
VIEW IN TELEGRAM
👍76🔥2
This media is not supported in your browser
VIEW IN TELEGRAM
Изображение преобразуется в информационную карточку при нажатии на значок ➡️

#карточки

https://codepen.io/chandrashekhar/pen/vrddgg

@react_tg
👍298🔥3
🌐 Plate — это мощный редактор форматированного текста (WYSIWYG), созданный на основе React и Slate, с поддержкой интеграции AI!

🌟 Он предоставляет гибкую платформу для создания настраиваемых редакторов с возможностью расширения с помощью плагинов. Plate подходит для различных сценариев, таких как редактирование документов в стиле Notion, обработка Markdown и коллаборативные инструменты.

🔐 Лицензия: MIT

🖥 Github


@react_tg
Please open Telegram to view this post
VIEW IN TELEGRAM
👍18🔥42
👾 ReasonReact — проект, предлагающий писать React-компоненты на ReasonML — типизированном языке c безупречным выводом типов и синтаксисом, вдохновлённым OCaml.

Это не новый фреймворк, а скорее "обёртка" над обычным React, которая добавляет автоматическую проверку типов и минимальный рантайм. Вы по-прежнему можете использовать существующие JavaScript-библиотеки, но с гарантией, что пропсы и состояния компонентов будут корректны на этапе компиляции.

🤖 GitHub

@react_tg
🥴10👍52🔥1
2025/07/08 18:08:04
Back to Top
HTML Embed Code: