Библиотека иконок, используемых в приложениях и маркетинговых сайтах
Этот пакет IconsIcons содержит иконки, используемые в приложениях Storybook и Chromatic, а также на маркетинговых сайтах. Чтобы установить его, нужно выполнить команду yarn add @storybook/icons. В этом пакете требуется: экспортировать все иконки вместо одного компонента; добавить stories для каждого компонента; генерировать новые иконки из Figma. Для разработки пакета рекомендуется использовать tsup для отслеживания изменений и перестроения кода, а также Storybook для предварительного просмотра пользовательского интерфейса. При готовности пакета для продакшена следует выполнить команду yarn build для его сборки.
Github
Этот пакет IconsIcons содержит иконки, используемые в приложениях Storybook и Chromatic, а также на маркетинговых сайтах. Чтобы установить его, нужно выполнить команду yarn add @storybook/icons. В этом пакете требуется: экспортировать все иконки вместо одного компонента; добавить stories для каждого компонента; генерировать новые иконки из Figma. Для разработки пакета рекомендуется использовать tsup для отслеживания изменений и перестроения кода, а также Storybook для предварительного просмотра пользовательского интерфейса. При готовности пакета для продакшена следует выполнить команду yarn build для его сборки.
Github
Кнопки "Поделиться" в социальных сетях для вашего React.js , Next.js приложения
Пакет Usagedv-social-share представляет собой набор кнопок для шаринга контента в социальных сетях для приложений на React.js и Next.js. Он не имеет зависимостей и включает кнопки для таких платформ, как Buffer, Digg, Email, Facebook Messenger, Facebook, Flipboard, GAB, HackerNews, Instapaper, Line, LinkedIn, LiveJournal, Pinterest, Pocket, Reddit, Refind, Telegram, Tumblr, Twitter, VK и WhatsApp. Каждая кнопка имеет свои настройки, такие как URL страницы для шаринга, заголовок, открытие в новой вкладке и т.д. Пакет доступен для установки через npm или yarn и имеет открытую лицензию MIT. Если у вас есть предложения по улучшению или обнаруживаете проблемы, вы можете внести свой вклад в проект, создавая pull request или обсуждая идеи и предложения в issues.
Github
Пакет Usagedv-social-share представляет собой набор кнопок для шаринга контента в социальных сетях для приложений на React.js и Next.js. Он не имеет зависимостей и включает кнопки для таких платформ, как Buffer, Digg, Email, Facebook Messenger, Facebook, Flipboard, GAB, HackerNews, Instapaper, Line, LinkedIn, LiveJournal, Pinterest, Pocket, Reddit, Refind, Telegram, Tumblr, Twitter, VK и WhatsApp. Каждая кнопка имеет свои настройки, такие как URL страницы для шаринга, заголовок, открытие в новой вкладке и т.д. Пакет доступен для установки через npm или yarn и имеет открытую лицензию MIT. Если у вас есть предложения по улучшению или обнаруживаете проблемы, вы можете внести свой вклад в проект, создавая pull request или обсуждая идеи и предложения в issues.
Github
Воссоздание клона пользовательского интерфейса Facebook с помощью React
В этом репозитории на GitHub представлен Facebook UI Clone React - клон интерфейса Facebook, созданный с использованием фреймворка React. Версия 2.0.0 представлена в проекте, и разработчик рад представить результат своей работы. Установить все зависимости можно с помощью команды "npm install". Ссылки на работающий прототип (версия 1.0.0) и репозиторий находятся в описании.
Github | Демо
В этом репозитории на GitHub представлен Facebook UI Clone React - клон интерфейса Facebook, созданный с использованием фреймворка React. Версия 2.0.0 представлена в проекте, и разработчик рад представить результат своей работы. Установить все зависимости можно с помощью команды "npm install". Ссылки на работающий прототип (версия 1.0.0) и репозиторий находятся в описании.
Github | Демо
Простое приложение для корзины электронной коммерции с React
Данный пакет из GitHub представляет собой простое приложение корзины для интернет-магазина, разработанное с использованием React, Typescript, React hooks, React Context и Styled Components. Оно демонстрирует дружественный пользовательский интерфейс с мгновенными визуальными обновлениями и масштабируемым кодом. В приложении можно добавлять и удалять товары из плавающей корзины с использованием Context API, а также фильтровать товары по доступным размерам. Приложение имеет адаптивный дизайн.
Github
Данный пакет из GitHub представляет собой простое приложение корзины для интернет-магазина, разработанное с использованием React, Typescript, React hooks, React Context и Styled Components. Оно демонстрирует дружественный пользовательский интерфейс с мгновенными визуальными обновлениями и масштабируемым кодом. В приложении можно добавлять и удалять товары из плавающей корзины с использованием Context API, а также фильтровать товары по доступным размерам. Приложение имеет адаптивный дизайн.
Github
Приложение React events для укрепления значимых связей в вашем местном сообществе
LocalBuzzLocalBuzz - полноценное приложение для мобильных устройств, которое помогает создавать значимые связи внутри местного сообщества с учетом мобильного приоритета. Проблема в том, что в современном быстром цифровом мире люди часто чувствуют себя оторванными от своих местных сообществ, не имея возможности общаться, сотрудничать и вносить вклад в улучшение их окрестностей. Наше решение заключается в создании приложения, которое способствует взаимодействию и связями в местном сообществе. Приложение предоставляет возможность жителям находить и участвовать в местных мероприятиях, волонтёрских мероприятиях и локальных инициативах. Основные функции включают возможность входа и регистрации, создания и загрузки мероприятий, присоединения и просмотра сохраненных мероприятий в профиле, а также просмотра ближайших мероприятий с картой.
Github
LocalBuzzLocalBuzz - полноценное приложение для мобильных устройств, которое помогает создавать значимые связи внутри местного сообщества с учетом мобильного приоритета. Проблема в том, что в современном быстром цифровом мире люди часто чувствуют себя оторванными от своих местных сообществ, не имея возможности общаться, сотрудничать и вносить вклад в улучшение их окрестностей. Наше решение заключается в создании приложения, которое способствует взаимодействию и связями в местном сообществе. Приложение предоставляет возможность жителям находить и участвовать в местных мероприятиях, волонтёрских мероприятиях и локальных инициативах. Основные функции включают возможность входа и регистрации, создания и загрузки мероприятий, присоединения и просмотра сохраненных мероприятий в профиле, а также просмотра ближайших мероприятий с картой.
Github
Плагин для загрузки значков react для файлов .jsx и .tsx в приложении Acode
Icon React - плагин для Acode, позволяющий изменить иконку файлов .jsx и .tsx с иконки JS на иконку React. Установка осуществляется из меню приложения Acode в настройках плагинов, где необходимо найти и установить Icon React. Данный пакет является открытым исходным кодом, доступным для просмотра, а также предоставляет возможность сообщить о найденных ошибках и их исправлении. Благодарим за использование нашего плагина!
Github
Icon React - плагин для Acode, позволяющий изменить иконку файлов .jsx и .tsx с иконки JS на иконку React. Установка осуществляется из меню приложения Acode в настройках плагинов, где необходимо найти и установить Icon React. Данный пакет является открытым исходным кодом, доступным для просмотра, а также предоставляет возможность сообщить о найденных ошибках и их исправлении. Благодарим за использование нашего плагина!
Github
React Hook для добавления дословных потоков событий, подобных ChatGPT
Этот пакет на GitHub представляет собой React хук, разработанный для упрощения интеграции потокового чата, возвращаемого вашим бэкэндом. Он позволяет отображать сообщения по словам, подобно ChatGPT. С помощью этого пакета вы можете интегрировать собственный бэкэнд, чтобы получить пользовательский опыт, аналогичный ChatGPT. Хук предоставляет объект messages, который обновляется в реальном времени по мере получения новых сообщений из бэкэнда.
Github
Этот пакет на GitHub представляет собой React хук, разработанный для упрощения интеграции потокового чата, возвращаемого вашим бэкэндом. Он позволяет отображать сообщения по словам, подобно ChatGPT. С помощью этого пакета вы можете интегрировать собственный бэкэнд, чтобы получить пользовательский опыт, аналогичный ChatGPT. Хук предоставляет объект messages, который обновляется в реальном времени по мере получения новых сообщений из бэкэнда.
Github
Менеджер по работе с пассажирами авиакомпании, созданный с помощью React
Этот пакет в GitHub представляет собой простое приложение React, построенное с использованием Vite, React, Bootstrap и JSON-server с Axios и TypeScript. В приложение добавлено управление состоянием с помощью React Context Redux, а также тестирование с помощью vitest и React Testing Library. Репозиторий включает в себя все необходимые зависимости и инструкции для запуска приложения и JSON-сервера. Кроме того, приложение содержит набор готовых компонентов Bootstrap и использование JSON-server для имитации API. В разделе "TODOS" описаны дополнительные задачи, которые можно выполнить для улучшения приложения.
Github
Этот пакет в GitHub представляет собой простое приложение React, построенное с использованием Vite, React, Bootstrap и JSON-server с Axios и TypeScript. В приложение добавлено управление состоянием с помощью React Context Redux, а также тестирование с помощью vitest и React Testing Library. Репозиторий включает в себя все необходимые зависимости и инструкции для запуска приложения и JSON-сервера. Кроме того, приложение содержит набор готовых компонентов Bootstrap и использование JSON-server для имитации API. В разделе "TODOS" описаны дополнительные задачи, которые можно выполнить для улучшения приложения.
Github
Простое приложение, которое генерирует случайные цитаты на основе выбранной категории
Этот пакет из GitHub представляет собой простое веб-приложение для генерации случайных цитат на основе выбранной категории. Приложение написано на React и использует TypeScript для обеспечения типовой безопасности. Оно получает цитаты с помощью API и отображает их пользователю. Пользователь может нажать кнопку, чтобы получить новую случайную цитату из выбранной категории. Для установки и запуска приложения, необходимо клонировать репозиторий, установить зависимости командой yarn, а затем запустить приложение командой yarn dev.
Github
Этот пакет из GitHub представляет собой простое веб-приложение для генерации случайных цитат на основе выбранной категории. Приложение написано на React и использует TypeScript для обеспечения типовой безопасности. Оно получает цитаты с помощью API и отображает их пользователю. Пользователь может нажать кнопку, чтобы получить новую случайную цитату из выбранной категории. Для установки и запуска приложения, необходимо клонировать репозиторий, установить зависимости командой yarn, а затем запустить приложение командой yarn dev.
Github
Профессиональное веб-приложение, использующее ReactJS и Tailwind CSS
Веб-приложение My real estate создано с использованием React JS и Tailwind CSS, обеспечивая современную и полностью адаптивную платформу. Приложение состоит из восьми страниц, которые охватывают различные аспекты бизнеса в сфере недвижимости, включая домашнюю страницу, страницу о нас, страницу функций, страницу продажи, страницу услуг, демонстрационную страницу, страницу клиентов и страницу контактов с нами. Дизайн приложения чистый и минималистичный, обеспечивающий интуитивно понятную навигацию, а использование Tailwind CSS обеспечивает единообразный дизайн на всех страницах.
Github
Веб-приложение My real estate создано с использованием React JS и Tailwind CSS, обеспечивая современную и полностью адаптивную платформу. Приложение состоит из восьми страниц, которые охватывают различные аспекты бизнеса в сфере недвижимости, включая домашнюю страницу, страницу о нас, страницу функций, страницу продажи, страницу услуг, демонстрационную страницу, страницу клиентов и страницу контактов с нами. Дизайн приложения чистый и минималистичный, обеспечивающий интуитивно понятную навигацию, а использование Tailwind CSS обеспечивает единообразный дизайн на всех страницах.
Github
Видеоредактор, работающий в браузере, построенный с использованием fabric.js и Next.js
Данный пакет из GitHub представляет собой видеоредактор, который работает в браузере. Он создан с использованием технологий: fabric.js, Next.js (фреймворк React), Tailwindcss, Mobx и typescript. Редактор позволяет пользователям добавлять текст, изображения, видео и аудио, а также изменять цвет фона холста, создавать таймлайн и экспортировать видео с аудио. Однако у пакета есть некоторые проблемы, такие как неправильная обработка аудио, отсутствие указания продолжительности видео в результате экспорта и мерцание в экспортированном видео. В дальнейшем планируется добавить такие возможности, как анимации, фильтры, настройки свойств и обрезка видео. Также в документации есть инструкция о запуске проекта и советы по отладке, а также ресурсы для изучения Next.js, фреймворка, на котором основан данный проект.
Github
Данный пакет из GitHub представляет собой видеоредактор, который работает в браузере. Он создан с использованием технологий: fabric.js, Next.js (фреймворк React), Tailwindcss, Mobx и typescript. Редактор позволяет пользователям добавлять текст, изображения, видео и аудио, а также изменять цвет фона холста, создавать таймлайн и экспортировать видео с аудио. Однако у пакета есть некоторые проблемы, такие как неправильная обработка аудио, отсутствие указания продолжительности видео в результате экспорта и мерцание в экспортированном видео. В дальнейшем планируется добавить такие возможности, как анимации, фильтры, настройки свойств и обрезка видео. Также в документации есть инструкция о запуске проекта и советы по отладке, а также ресурсы для изучения Next.js, фреймворка, на котором основан данный проект.
Github
Библиотека компонентов React, основанная на веб-компонентах Material Design 3
Actify - это библиотека React-компонентов, основанная на веб-компонентах Material Design 3. Она вдохновлена Vuetify и предлагает такие функции, как использование Vite для сборки библиотеки и документации, построение с помощью Tailwind CSS, использование css-свойств для управления стилями веб-компонентов и мощная система тем, обеспечивающая удобную стилизацию приложения с согласованной цветовой палитрой. В пакете приведены примеры использования в обычном приложении React и с использованием Next.js. Он также содержит информацию о текущем статусе проекта и поддержке браузеров.
Github | Демо
Actify - это библиотека React-компонентов, основанная на веб-компонентах Material Design 3. Она вдохновлена Vuetify и предлагает такие функции, как использование Vite для сборки библиотеки и документации, построение с помощью Tailwind CSS, использование css-свойств для управления стилями веб-компонентов и мощная система тем, обеспечивающая удобную стилизацию приложения с согласованной цветовой палитрой. В пакете приведены примеры использования в обычном приложении React и с использованием Next.js. Он также содержит информацию о текущем статусе проекта и поддержке браузеров.
Github | Демо
Как интегрировать WooCommerce REST API в фреймворк NextJS
Этот проект на GitHub является примером простого приложения электронной коммерции, которое демонстрирует интеграцию WooCommerce REST API в NextJS фреймворк. Он также использует Typescript, Redux и React hooks, делая его уникальным и интересным для использования. С помощью дизайн-системы Ant Design этот проект может стать отличной отправной точкой для создания вашего следующего интернет-магазина.
Github
Этот проект на GitHub является примером простого приложения электронной коммерции, которое демонстрирует интеграцию WooCommerce REST API в NextJS фреймворк. Он также использует Typescript, Redux и React hooks, делая его уникальным и интересным для использования. С помощью дизайн-системы Ant Design этот проект может стать отличной отправной точкой для создания вашего следующего интернет-магазина.
Github
Приложение React с формой, которая включает в себя различные поля ввода и проверки
Этот пакет из GitHub представляет собой базовое приложение на React с формой, которая включает различные поля ввода и проверки. Оно создано с использованием TypeScript и использует библиотеку react-hook-form для обработки форм. В приложении имеется возможность запустить его как локально, так и в контейнере Docker. Форма включает проверки для полей Имя, Мобильный телефон, Электронная почта, Пароль и Подтверждение пароля. Проект распространяется под лицензией MIT.
Github
Этот пакет из GitHub представляет собой базовое приложение на React с формой, которая включает различные поля ввода и проверки. Оно создано с использованием TypeScript и использует библиотеку react-hook-form для обработки форм. В приложении имеется возможность запустить его как локально, так и в контейнере Docker. Форма включает проверки для полей Имя, Мобильный телефон, Электронная почта, Пароль и Подтверждение пароля. Проект распространяется под лицензией MIT.
Github
Вложенное приложение todo с React, React reducer, React context и начальным хранилищем
Данный пакет включает в себя приложение Nested todo, разработанное с использованием React, React reducer, React context и начальным хранилищем. В нем реализованы следующие функциональности: 1) Создание досок или пространств для задач. 2) Возможность выполнения CRUD операций для задач. 3) Возможность выполнения CRUD операций для подзадач. Для открытия и запуска проекта нужно перейти в папку проекта, установить зависимости с помощью npm и запустить сервер Vite. После этого можно приступить к тестированию приложения.
Github
Данный пакет включает в себя приложение Nested todo, разработанное с использованием React, React reducer, React context и начальным хранилищем. В нем реализованы следующие функциональности: 1) Создание досок или пространств для задач. 2) Возможность выполнения CRUD операций для задач. 3) Возможность выполнения CRUD операций для подзадач. Для открытия и запуска проекта нужно перейти в папку проекта, установить зависимости с помощью npm и запустить сервер Vite. После этого можно приступить к тестированию приложения.
Github
Простое приложение для составления списка дел, созданное с помощью React и React Router
TodoNow - это простое приложение для списка дел, построенное с использованием React и React Router. Оно позволяет пользователям создавать, управлять и отслеживать свои задачи. Возможности включают аутентификацию пользователя, управление задачами и сохранение данных в локальном хранилище браузера для сохранения информации между сессиями. Для работы необходимо установить Node.js, клонировать репозиторий, установить зависимости и запустить сервер разработки. Пользователь может создавать задачи, отмечать их как выполненные и удалять, а также внести свой вклад в проект через открытие проблем или отправку запроса на внесение изменений.
Github | Демо
TodoNow - это простое приложение для списка дел, построенное с использованием React и React Router. Оно позволяет пользователям создавать, управлять и отслеживать свои задачи. Возможности включают аутентификацию пользователя, управление задачами и сохранение данных в локальном хранилище браузера для сохранения информации между сессиями. Для работы необходимо установить Node.js, клонировать репозиторий, установить зависимости и запустить сервер разработки. Пользователь может создавать задачи, отмечать их как выполненные и удалять, а также внести свой вклад в проект через открытие проблем или отправку запроса на внесение изменений.
Github | Демо
Простая целевая страница, разработанная компанией react с использованием зеленой темы
Этот проект представляет собой простую заглавную страницу, разработанную с использованием React и дизайном в зеленых тонах. Репозиторий содержит код проекта, и чтобы запустить его локально, нужно клонировать репозиторий с помощью команды "git clone", выполнить установку необходимых зависимостей с помощью команды "npm install" и запустить проект с помощью команды "npm run start". После этого можно насладиться результатом 😚✨
Github | Демо
Этот проект представляет собой простую заглавную страницу, разработанную с использованием React и дизайном в зеленых тонах. Репозиторий содержит код проекта, и чтобы запустить его локально, нужно клонировать репозиторий с помощью команды "git clone", выполнить установку необходимых зависимостей с помощью команды "npm install" и запустить проект с помощью команды "npm run start". После этого можно насладиться результатом 😚✨
Github | Демо
Оптимизируйте настраиваемое поле ввода валюты
Этот пакет предоставляет настраиваемое поле ввода для приложений Streamlit, которое предназначено для обработки больших денежных значений. Он может автоматически конвертировать сокращения, такие как 'k', 'm' и 'b', в соответствующие значения тысяч, миллионов и миллиардов. Кроме того, он форматирует поле ввода в виде денежного поля с символом доллара. Для использования пакета следует скачать файл .whl из директории dist в репозитории и установить его с помощью команды 'pip install /путь_к_файлу/ваш_файл.whl'.
Github
Этот пакет предоставляет настраиваемое поле ввода для приложений Streamlit, которое предназначено для обработки больших денежных значений. Он может автоматически конвертировать сокращения, такие как 'k', 'm' и 'b', в соответствующие значения тысяч, миллионов и миллиардов. Кроме того, он форматирует поле ввода в виде денежного поля с символом доллара. Для использования пакета следует скачать файл .whl из директории dist в репозитории и установить его с помощью команды 'pip install /путь_к_файлу/ваш_файл.whl'.
Github
Создайте одностраничное приложение Stack с помощью MERN
Проект WizDumb - это платформа электронного обучения, предлагающая широкий спектр краткосрочных курсов по JavaScript, HTML, CSS, Node.js, Express.js, GitHub и React. Платформа нацелена на предоставление всестороннего опыта обучения для тех, кто хочет улучшить свои навыки и знания в области веб-разработки. С помощью удобного интерфейса и интерактивного контента WizDumb делает обучение увлекательным и доступным для пользователей всех уровней.
Github
Проект WizDumb - это платформа электронного обучения, предлагающая широкий спектр краткосрочных курсов по JavaScript, HTML, CSS, Node.js, Express.js, GitHub и React. Платформа нацелена на предоставление всестороннего опыта обучения для тех, кто хочет улучшить свои навыки и знания в области веб-разработки. С помощью удобного интерфейса и интерактивного контента WizDumb делает обучение увлекательным и доступным для пользователей всех уровней.
Github
Приложение для просмотра фильмов Rancid Tomatillos, созданное с использованием React
Веб-приложение Rancid Tomatillos предоставляет пользователям возможность просматривать различные фильмы и их рейтинги. Пользователи также могут нажать на фильм, чтобы получить более подробную информацию о нем. Основная цель этого проекта - изучение React, React Router и тестирования Cypress e2e. Приложение также адаптивно к разным размерам экрана.
Github
Веб-приложение Rancid Tomatillos предоставляет пользователям возможность просматривать различные фильмы и их рейтинги. Пользователи также могут нажать на фильм, чтобы получить более подробную информацию о нем. Основная цель этого проекта - изучение React, React Router и тестирования Cypress e2e. Приложение также адаптивно к разным размерам экрана.
Github