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

Этот пакет на GitHub представляет собой инструмент для обработки текста, включающий удаление пробелов и переносов строк, анонимизацию и проверку количества токенов для использования с ChatGPT или другими большими языковыми моделями. Он также имеет функцию декодирования ранее анонимизированного текста. Проект использует библиотеки Hugging Face Transformers и React. Для использования необходимо клонировать репозиторий, запустить Flask API на http://localhost:5000 и React-приложение на http://localhost:3000, где можно вводить текст, анонимизировать его или удалять пробелы и переносы строк. Также в пакете предоставляются различные режимы работы, включая анонимизацию, декодирование и удаление пробелов и переносов строк.

Github
Домашняя страница Airbnb создана с использованием ReactJS, Html и CSS

Данный пакет из github представляет собой клон приложения Airbnb, разработанный с использованием React. Он воспроизводит дизайн домашней страницы популярной платформы для бронирования жилья Airbnb. Для запуска приложения локально необходимо клонировать репозиторий, установить зависимости, запустить локальный сервер. В дальнейшем планируется добавить функционал, сделать сайт адаптивным для различных устройств.

Github
Дизайн для приложения на футболке, созданный с использованием Three.js и реагировать

Пакет shirt-three - это веб-приложение, которое позволяет пользователям создавать пользовательские дизайны футболок. Пользователи могут загружать свои собственные логотипы и взаимодействовать с сервером. Приложение также использует искусственный интеллект для создания дизайна футболок, цветов и логотипов. Проект построен с использованием Three.js и React, и был развернут с использованием render и vercel. Пользователям предлагается проявить свой творческий потенциал и легко создавать свои собственные уникальные дизайны футболок.

Github | Демо
Целевая страница iPhone 14 Pro, созданная с использованием React.js и Three.js

На главной странице пакета GitHub представлена Landing Page iPhone 14 Pro, разработанная с использованием таких технологий, как React.js, WebGi, Three.js и GSAP ScrollTrigger. Сайт выполнен в стиле официальной лендинговой страницы Apple для iPhone 14. Вы можете непосредственно оценить работу этого сайта, открыв его в браузере и взаимодействуя с ним в режиме реального времени.

Github
Встраивайте статические потоки в свой React/Next.js применение

Пакет "react-threads" представляет собой набор UI компонентов для встраивания статических тем в ваши приложения на React/Next.js. Он использует API Meta's Threads, предоставляемое проектом junhoyeo/threads-api. В пакете также предоставляется демонстрационный пример использования, но обратите внимание, что развертывание на Vercel может быть нестабильным. Для установки необходимо установить зависимости react-threads, threads-api, next, tailwindcss, postcss и autoprefixer, а также добавить пути к источникам контента в файле конфигурации Tailwind.

Github | Демо
Простой клон платформы Notion, построенный с использованием React

Данный пакет из GitHub представляет собой реактивный клон приложения Notion, где есть функционал для выделения текста жирным, курсивом, подчеркнутым и в кодовом формате. Также есть возможность добавления символа "/" и выбора размера заголовков (большой, средний, маленький). Для разработки использовались следующие технологии: React, Vite, TipTap Editor, Typescript, Tailwind, PostCSS, Git и Github. Установка пакета осуществляется путем клонирования репозитория и выполнения команд npm install и npm run dev.

Github
Целевая страница туристического агентства Jadoo с использованием react и typescript

Это проект страницы с лендингом для агентства путешествий Jadoo, созданный с использованием React, TypeScript и Vite. Он имеет красивый и современный дизайн, адаптивную верстку для различных размеров экранов, плавную навигацию с прокруткой, интерактивные компоненты и анимации, а также информацию о услугах агентства путешествий Jadoo. Проект использует такие технологии, как React, TypeScript, Vite, HTML5, CSS3, TailwindCSS, JavaScript и React Router. Для установки и запуска проекта необходимо установить Node.js и выполнить соответствующие команды. Для развертывания страницы на выбранной платформе хостинга необходимо построить проект и настроить платформу для обслуживания сгенерированных файлов. Проект был разработан SignorDev и может быть использован в качестве основы для собственных проектов.

Github | Демо
Подсказки с подсветкой: коллекция лучших подсказок с искусственным интеллектом для ChatGPT, Bard и других приложений



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

Этот пакет из Github - приложение, которое позволяет пользователям перетаскивать и бросать логотипы языков программирования и инструментов после входа в приложение, также пользователь может узнать больше о некоторых языках программирования, нажимая на соответствующие кнопки. Особенности включают перетаскивание логотипов, вход по нескольким параметрам безопасности, переключение между светлой и темной темой и изучение некоторых языков программирования. Для запуска проекта необходимо клонировать репозиторий с Github и запустить его локально с помощью команды npm run dev.

Github
Игра под названием ultimate tic-tac-toe, реализованная с использованием react

Этот пакет включает игру "Ultimate Tic-Tac-Toe", которая является расширением обычной игры крестики-нолики и предназначена для использования в React. В Ultimate Tic-Tac-Toe вы должны выиграть три игры подряд на глобальной доске, играя одновременно в девять меньших игр. Вы можете посмотреть превью игры на Codesandbox.

Github
Веб-приложение, которое предоставляет пользователям последние новости со всего мира

NewsMonkey - это веб-приложение, которое собирает последние новости со всего мира с помощью NewsAPI. Он предлагает расширенные возможности фильтрации и бесконечную функциональность прокрутки, чтобы обеспечить пользователям беспрепятственный просмотр. Чтобы запустить приложение локально, Node.js необходимо установить, и пользователи должны создать учетную запись на News API и добавить свой ключ API в файл .env. После установки необходимых зависимостей пользователи могут запустить приложение, используя предоставленные команды. Технический стек, используемый при разработке NewsMonkey, включает в себя Node.js и реагировать.

Github
QoL извлекает api-перехватчики для React

Пакет fetch-yo-mama является набором утилитных хуков для использования Fetch API в React. Он облегчает использование Fetch API, автоматически прерывая запрос, если компонент размонтируется. Для использования необходимо установить библиотеку и обернуть приложение в FetchProvider, передавая необходимые параметры. Затем можно использовать хуки useGet, usePost, useDelete, usePatch, usePut для выполнения запросов и получения данных, также есть возможность настроить запрос, указав дополнительные параметры.

Github
Веб-сайт портфолио Дэниела, созданный с помощью react

Этот пакет на GitHub представляет собой мой персональный сайт-портфолио, демонстрирующий мои навыки, проекты и сертификаты. Сайт разработан для предоставления обзора моей работы и служит профессиональной платформой для демонстрации моих способностей и опыта. Он включает разделы "Основная страница", "Обо мне", "Резюме", "Проекты" и "Контакты", а также использует HTML5, TailwindCSS, JavaScript, ReactJs и Git для создания и улучшения веб-сайта.

Github | Демо
Игра Tenzies, построенная с использованием React.js

Tenzies Game React-App - это захватывающий проект, созданный с использованием React.js. Эта игра стремится принести классическую игру в кости Tenzies в цифровой мир, предоставляя веселое и интерактивное взаимодействие для игроков всех возрастов. Бросьте кости, чтобы начать игру. Вы можете найти ссылку на веб-сайт игры в описании. Для установки и запуска проекта вам потребуется Node.js и NPM, а затем клонировать репозиторий и установить зависимости с помощью команд в терминале. Структура папок и файлов включает папку с ресурсами, компоненты и файлы стилей, а также скрипты запуска и настройки проекта.

Github
Инструмент для визуализации вашего расписания для студентов ВИТ-Веллора и Ченнаи

Этот пакет из GitHub представляет собой веб-приложение, предназначенное для визуализации расписания студентов ВИТ Веллор и Ченнаи, чтобы помочь в регистрации курсов FFCS. Он использует PostgreSQL для базы данных, Prisma как ORM для доступа к данным, Nest.js в качестве фреймворка для разработки серверной части, а также другие инструменты, такие как bcrypt для хеширования паролей, Swagger для документирования API и Redis в качестве кэша. Фронтенд приложения разработан с использованием React и CSS-фреймворка TailwindCSS. Для локального запуска приложения необходимо выполнить несколько шагов, а для развертывания фронтенда необходимо также склонировать репозиторий и установить зависимости. Есть также ER-диаграмма и в планах создание административного портала.

Github
Превратите все репозиторий GitHub в единый организованный текстовый файл для использования с интерпретатором кода

RepoToText – это веб-приложение, которое сканирует репозиторий GitHub и преобразует его файлы в один организованный .txt файл. Вы можете ввести URL репозитория GitHub и, при желании, URL документации (информация о документации будет добавлена в начало .txt файла). Приложение извлекает содержимое репозитория, включая все файлы и каталоги, а также извлекает документацию с предоставленного URL и включает ее в один организованный текстовый файл. .txt файл будет сохранен в корневом каталоге проекта с информацией о пользователе/репозитории/временной метки. Затем этот файл можно загрузить в интерпретатор кода, и вы сможете взаимодействовать с всем репозиторием GitHub с помощью чат-бота.

Github
Простой калькулятор с React.js

Пакет "Simple React Calculator Demo Look" представляет собой демонстрационный пример калькулятора, разработанного с использованием React js. Он позволяет пользователю выполнять базовые математические операции, такие как сложение, вычитание, умножение и деление. Пакет включает в себя инструкции по клонированию проекта, установке необходимых модулей и запуску приложения в браузере. Для получения дополнительной помощи по разработке приложений на React рекомендуется использовать Create React App.

Github
Продвинутое приложение-компаньон для путешествий, использующее Google Maps

Travel Mate - это приложение для путешествий, которое использует Google Maps для создания продвинутого путеводителя. Пользователь может использовать геолокацию, Google Maps API и поиск мест, чтобы найти рестораны, отели и достопримечательности в определенном месте. Приложение также использует RapidAPI для получения данных из различных источников. В процессе работы над проектом разработчик изучил лучшие практики создания React-приложений, работу с Material UI и Google Maps API, а также получение данных с помощью RapidAPI. Чтобы начать работу с приложением, необходимо установить и запустить его с помощью команд npm i и npm start.

Github
Современный и инновационный интерфейс threads с открытым исходным кодом, построенный с использованием Next.js

Пакет "String - Threads Web Frontend" представляет собой современный и инновационный фронтенд для открытого исходного кода threads, созданный с использованием Next.js, Tailwind CSS и последних технологий веб-разработки. Пакет содержит инструкции по установке и запуску проекта, а также приветствует вклад от других разработчиков. Проект лицензирован под MIT License и разработан при использовании Next.js, Tailwind CSS и React. В случае возникновения вопросов или обратной связи доступны контактные данные автора проекта.

Github
Полнофункциональное веб-приложение для социальных сетей, созданное с помощью MERN

Social Media App - это полнофункциональное веб-приложение социальных медиа, созданное с использованием стека MERN. Оно позволяет создавать, читать, обновлять и удалять посты, а также отмечать и снимать отметки с постов. Пользователи могут также оставлять комментарии, просматривать профили других пользователей, отправлять личные сообщения в режиме реального времени и использовать маркдаун для постов и комментариев. Приложение также предлагает фильтрацию неприемлемого контента и выставление временных ограничений на публикацию и комментирование.

Github