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

Куракани - это удобная и интуитивно понятная платформа для общения в режиме реального времени с людьми со всего мира. Приложение создано с использованием 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
Напишите игру для набора текста, построенную с использованием React и JavaScript

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

Github | Демо
Простое приложение React Todo

Этот пакет представляет собой простое приложение для создания задач на React. Он позволяет добавлять, редактировать, удалять и переключать задачи, а также фильтровать и удалять выполненные задачи. Приложение также поддерживает смену темы. Установить приложение можно через npm или yarn, а для запуска используйте команду npm run dev или yarn dev.

Github
Эффективный инструмент прокрутки утилиты для React

Scrollen - это производительная утилита scroll hook для React, которую можно установить с помощью npm. Вызвав useScroller hook, вы можете прослушать прокрутку документа и использовать другой контейнер прокрутки с помощью setScrollerElement. Пакет включает в себя ряд реквизитов, состояний и функций, которые позволяют вам настраивать процесс прокрутки.

Github | Демо
Динамичное и интерактивное веб-приложение, созданное с использованием React и Tailwind CSS

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

Github
Приложение React, которое проводит мозговой штурм новых идей и публикует черновики твитов на основе ваших собственных заметок / идей

ТВИТТЕР-бот BANGER - это приложение, разработанное для того, чтобы помочь пользователям стать более последовательными и креативными в своих твитах. Объединяя личные заметки и идеи с недавними твитами от любимых пользователей твиттера, приложение генерирует новые идеи и черновики твитов, которые пользователи могут редактировать и делиться ими. Используя языковые модели и векторную базу данных, приложение позволяет пользователям персонализировать процесс мозгового штурма и генерировать релевантный контент.

Github
Простая и мощная библиотека Javascript HTML5 SVG

FoxyJS - это библиотека Javascript HTML5 SVG, которая предоставляет много встроенных функций, таких как масштабирование, поворот, группировка и т.д., а также предустановленные формы, элементы управления, анимации и фильтры изображений. Она поддерживает различные форматы файлов, включая JPG, PNG, JSON и другие. Библиотека может использоваться как в браузере, так и в Node.js и совместима с большинством современных браузеров. Кроме того, в пакете на Github представлены примеры использования с помощью ReactJS, Vue2 и Vue3.

Github