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

Этот пакет под названием themeWork предлагает возможность совместной работы над текстовыми документами. Для запуска приложения необходимо установить Redis и создать базу данных на MongoDB. Приложение написано на React, использует Websockets, Socket.io, Redis, MongoDB, Jest и было создано при участии нескольких конрибьюторов. Лицензия MIT.

Github
Настраиваемый компонент switch для приложений React

Этот пакет React Switch представляет собой настраиваемый переключатель для приложений на React. Для установки можно использовать npm или yarn. Примеры использования - это переключатель для включения/выключения и переключатель роли пользователя. Пакет можно дополнить через pull request и issue на Github.

Github
Приложение React для удобного управления заметками и темами

MemoMate Notetaker - это приложение для создания, редактирования и удаления заметок, поддерживающее Markdown. Можно войти через Google или GitHub. Проект написан с использованием Next.js, React, tRPC, Prisma, Supabase и Tailwind.

Github | Демо
Игра Nim, созданная с использованием React и Material-UI

Этот проект - простая стратегическая игра, где игроки перемещают по одной шахматной фигуре за ход. Победит тот, кто приведет противника к невозможности двигаться вперед. Выполнен на React web app с использованием Material-UI. В проекте доступны команды npm run start и npm run build. Проект был начат владельцем chunlaw, но к нему могут присоединиться другие участники.

Github | Демо
Приложение Figma Notes, созданное с использованием React и localstorage

React Figma Notes - это приложение для создания заметок, созданное с помощью React, Redux и localStorage, которое имеет интерфейс, вдохновленный Figma. Пользователи могут легко создавать, редактировать и удалять заметки, а также оставлять комментарии к ним. Приложение имеет адаптивный дизайн и может использоваться на любом устройстве.

Github | Демо