React.js Plugins | To Watch | RU
8 subscribers
317 photos
317 links
Плагины, пакеты и примеры на React.js
Download Telegram
Система онлайн-бронирования автобусов с использованием Next.js

Пакет на Github включает в себя API, CRM, клиентские и мобильные приложения системы онлайн-бронирования автобусов под названием dhan-gaadi. Существуют отдельные демонстрационные инструкции для каждого компонента, включая клиент, CRM и мобильное приложение, с руководством по их запуску после клонирования репозитория и настройки файла среды со значениями необходимых ключей. Демо-версия мобильного приложения все еще находится в стадии разработки.

Github
Визуальный фреймворк глубокого обучения для Интернета, построенный с использованием WebGPU и Next.js

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

Github
Приложение для драм-машины, созданное с использованием React

Драм-машина - это приложение на основе React, которое позволяет пользователям воспроизводить различные звуки ударных, нажимая кнопки или используя клавиши клавиатуры. В нем есть опции регулировки громкости, возможности записи и воспроизведения, а также управление скоростью воспроизведения. Приложение состоит из двух основных компонентов React - App и Pad - и использует React и ReactDOM в качестве зависимостей. Участие в проекте приветствуется, и он был завершен в рамках сертификационного курса freeCodeCamp по интерфейсу.

Github | Демо
Эмулятор Gameboy, написанный на машинописном языке

Это эмулятор Gameboy, написанный на TypeScript. В настоящее время он работает со многими играми Gameboy и Gameboy color, но с некоторыми ошибками. Совместимость зависит от браузера, с Firefox наиболее совместим. Звук и поддержка контроллера/клавиатуры работают, но также с некоторыми ограничениями в разных браузерах. Есть возможность протестировать различные игры, в том числе Megaman, Tetris, Pokemon и другие. Доступен онлайн-демо, но для тестирования необходимо предоставить свои собственные ROM-файлы.

Github | Демо
Пользовательский почтовый ящик для управления перепиской с ботпрессом

Это проект для управления беседами и пользователями вашего бота Botpress с помощью панели "Входящие". В нем есть такие опции, как перечисление бесед, сообщений и пользователей, а также отправка новых сообщений и удаление бесед. В проекте используются React.js , Vite.js , Typescript, TailwindCSS и другие библиотеки и лицензируется по лицензии MIT.

Github
Простой datepicker react/typescript компонент

React Simple Datepicker - это компонент для выбора даты на React/TypeScript. Он позволяет установить идентификатор, имя, заполнитель, обратный вызов onChange и предварительно выбранное значение через пропсы. Его можно установить с помощью npm и использовать через импорт. Он имеет несколько опциональных пропсов, включая id, name, placeholder, значение и onChange.

Github | Демо
Простая платформа для быстрого общения с людьми по всему миру

Куракани - это удобная и интуитивно понятная платформа для общения в режиме реального времени с людьми со всего мира. Приложение создано с использованием React, Next.js, Express и Socket.io, и предлагает пользователю современный дизайн, а также возможность использовать эмодзи и стикеры в чатах. Для начала работы необходимо установить Node JS, склонировать репозиторий и установить NPM-пакеты для фронтенда и бэкенда. Также есть инструкция по внесению своего вклада в проект.

Github
Молниеносное приложение службы доставки, предназначенное для выполнения поручений одним касанием экрана

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

Github
Приложение для распознавания речи, использующее библиотеку Deep Java

Репозиторий DJL demo на Github представляет небольшое демо-приложение, которое демонстрирует создание приложения для распознавания речи с использованием Deep Java Library. Приложение состоит из бэкэнд-сервиса на базе Spring Boot и фронтенд-приложения на React JS, обеспечивающего запись аудио и вызов этого сервиса. Оба приложения предназначены только для демонстрационных целей, и их код может быть улучшен с помощью Pull Request. Для запуска необходимы Java 17, Maven и NPM.

Github
Клон Твиттера с REACT.JS и попутный ветер.

Клон Твиттера с React.js (Next.js , Tailwind CSS) - это проект, разработанный для копирования основных функций Twitter, включая аутентификацию, публикацию и удаление твитов, а также взаимодействие с контентом других пользователей посредством лайков и комментариев. Приложение использует React.js , Next.js , и Tailwind CSS для создания интерактивного и визуально привлекательного пользовательского интерфейса. Проект предлагает пользователям живую демонстрацию для ознакомления с функциональностью клона Twitter.

Github
Библиотека, призванная упростить процесс создания адаптивных шаблонов электронной почты

Beacas - это инструмент, который упрощает создание адаптивных шаблонов электронной почты, сочетая возможности редактирования SlateJS с совместимостью с MJML. С помощью функции перетаскивания и сочетаний клавиш пользователи могут легко создавать визуально привлекательные и многофункциональные шаблоны электронной почты для маркетинговых кампаний, информационных бюллетеней или электронных писем о транзакциях. Инструмент требует установки нескольких пакетов npm и аутентификации с помощью ClientID, а документация доступна на веб-сайте Beacas.

Github
Веб-сайт для обмена подсказками и творениями MusicGen

Этот пакет на Github - DevelopmentMusicGen Prompt Library - представляет собой библиотеку генераций для обнаружения новых подсказок для использования. Вы можете добавить сгенерированные звуки с помощью ogg файлов, содержащих встроенные метаданные. Важно использовать модели и подсказки искусственного интеллекта, предоставленные здесь, только в законных и этичных целях, соответствующих правовым основам вашей юрисдикции.

Github
Простое приложение для ведения журнала, использующее React

"Daily Zen Journal" - это приложение для ведения журнала, которое помогает пользователям создавать и просматривать записи в списке. Он предоставляет ежедневные подсказки, помогающие пользователям приступить к работе, и позволяет редактировать и удалять записи. Приложение использует аутентификацию, чтобы обеспечить безопасное и уединенное место для отдыха и размышлений. Он построен с использованием React, Expressjs, Nodejs, JWT, Graphql и других технологий.

Github
Приложение с таймером, созданное с использованием React

Time Master - это приложение для работы с таймером, созданное с использованием React, которое позволяет пользователям устанавливать продолжительность сеанса и время перерыва, а также предоставляет таймер обратного отсчета, а также звуковое уведомление, когда таймер достигает нуля, и опции паузы / возобновления и сброса. Чтобы запустить приложение локально, клонируйте репозиторий, установите зависимости и запустите сервер разработки. Проект является частью сертификационного курса freeCodeCamp по интерфейсу, и участие в нем приветствуется.

Github | Демо
Простой, но удобный всплывающий компонент React, который отображается при выборе текстов

React Selection Popup - это пакет npm, созданный поверх React, который позволяет пользователям показывать всплывающее окно при выделении текста в HTML. Пакет предоставляет простой в использовании API для разработчиков, которые хотят добавлять всплывающие окна выбора в свои проекты, и его можно установить как с помощью npm, так и с помощью yarn. Компонент обладает несколькими необязательными свойствами, включая атрибут метаданных, спецификации смещения и возможность выбора нескольких элементов.

Github
Веб-приложение, которое позволяет пользователям искать рецепты и сохранять свои любимые рецепты

FlavorFinder - это веб-приложение, которое помогает пользователям искать и сохранять свои любимые рецепты в персонализированном списке. Он был создан с использованием семантической разметки HTML5, пользовательских свойств CSS, Flexbox, рабочего процесса Mobile-first и библиотеки React – JS. API TheMealDB также использовался для поддержки его функциональности. Автором FlavorFinder является @NotPerry8811 в Twitter.

Github
Музыкальное приложение, созданное на основе стека MERN

Этот пакет на Github представляет собой музыкальное приложение BeatBox, которое позволяет пользователям слушать музыку, сохранять ее в своих аккаунтах и создавать плейлисты. Оно было построено на MERN Stack с использованием NodeJs, ReactJs, Express, Chakra UI, Redux Toolkit и MongoDB для управления базой данных и хранения информации. Автором проекта является Ikenna Eze.

Github
Приложение "Знаменитые цитаты", созданное с помощью React

Этот пакет - приложение Famous Quotes App, созданное автором для изучения Search Filter Algorithms в React. Это демо-проект, который позволяет отфильтровать цитаты по автору и теме. Одно из применений данного проекта - развитие навыков программирования на React.

Github | Демо
Простой пример того, как запустить ASP.NET Базовый веб-API, React и MongoDB

Этот пакет включает в себя пример простой системы на Docker, состоящей из следующих компонентов: веб-сервера ASP.NET Core Web API 6 в качестве бэкэнда, React в качестве фронтэнда, MongoDB - в качестве базы данных, а также контейнер MongoDB для заполнения базы данных. В функционал пакета входят: авторизация с токеном JWT, административная панель для управления импортом/экспортом данных в форматах JSON/XML, графики для визуализации данных, список фильмов/аниме, фильтруемый по жанру, а также возможность добавления/удаления/редактирования элементов.

Github
Приложение React, которое связывает специалистов по персоналу с начинающими ИТ-специалистами

Head Hunter - это инновационная платформа, которая упрощает процесс подбора персонала, объединяя специалистов по персоналу с начинающими ИТ-специалистами. Проект был разработан командой из четырех человек с использованием методологии Scrum. Приложение позволяет специалистам по персоналу находить талантливых людей в мире информационных технологий и взаимодействовать с ними, укрепляя прочные связи и расширяя возможности новичков на пути к успешной карьере в сфере технологий. Проект также включает демонстрацию, информацию о техническом стеке, инструкции по установке, сведения о конфигурации и контактную информацию.

Github