React.js Plugins | To Watch | RU
8 subscribers
317 photos
317 links
Плагины, пакеты и примеры на React.js
Download Telegram
Простой, но удобный всплывающий компонент 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
Веб-приложение, отображающее случайные вдохновляющие цитаты

Random Quote Machine - это веб-приложение, которое отображает случайные вдохновляющие цитаты с помощью Type.fit API. Пользователи могут получать новые цитаты и делиться ими на платформах социальных сетей, таких как Twitter и Tumblr. Приложение создано с использованием React, Bootstrap и Font Awesome и лицензировано по лицензии MIT.

Github | Демо
Список API с открытым исходным кодом и инструменты тестирования с помощью React

Free API List with React - это проект с открытым исходным кодом, который предоставляет список бесплатных API вместе с инструментами для их тестирования и изучения. Проект построен с использованием React и предлагает такие функции, как списки API, документация и тестирование API. Вклады приветствуются, и проект лицензирован по лицензии MIT.

Github
Используя TextGo, вы можете выполнять несколько операций с вашим текстом

Этот пакет включает в себя веб-сайт TextGo, который был создан с использованием ReactJS. Он позволяет выполнять несколько операций над текстом, таких как преобразование в верхний или нижний регистр, копирование, очистка и удаление дополнительных пробелов. В разработке используются ReactJS, JavaScript, HTML и CSS (Bootstrap). Также есть скриншоты интерфейса.

Github
Гибкая библиотека ввода даты и времени без заголовка для JavaScript

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

Github
Приложение для викторины с таймером обратного отсчета и списком вопросов

Этот пакет из GitHub - это приложение с викториной, таймером отсчета и списком вопросов. В нем используются технологии: Next.js, Tailwind CSS, Framer Motion и Vercel. Для начала работы нужно клонировать репозиторий и установить необходимые зависимости, после чего можно запустить разработческий сервер и открыть приложение в браузере. Проект автоматически загружает и оптимизирует шрифт Inter от Google Fonts.

Github
Проект Space Vision, созданный с использованием React и Django

Пакет DeployBuild разработан Christopher M и включает в себя фронтенд на React с использованием Material-UI и Chart.js для визуализации данных, а также бэкенд на Python с использованием Django, AI и Data Analysis. Он также содержит ссылки для запуска приложения на локальном сервере и в развернутом виде на хостинге PnrHost с помощью CPanel. В фронтенде используется SpaceVision, а в бэкенде API по адресу https://api.thespacevision.net.

Github
Простой компонент react rating star с typescript

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

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

Этот пакет из github - приложение для поиска пользователей на Github. В нем есть демонстрация работы как в светлом, так и в темном режимах, а также механизм проверки ошибок. Сделано приложение на React с использованием Tailwind CSS, автор при этом изучил многое о работе с API Github и React.

Github