JavaScript-библиотека для создания интерактивных пользовательских интерфейсов из компонентов, работающих в вебе, на сервере и нативных платформах.
necolas/react-native-web
React Native для Web — библиотека, которая позволяет отображать компоненты и API React Native в браузерах с помощью React DOM.
- Звёзды
- 22,151
- Форки
- 1,833
- Открытые issues
- 132
- Последний коммит
- 16 часов назад
Что это?
React Native for Web переносит компоненты и API React Native в браузер, позволяя использовать один и тот же код интерфейса для iOS, Android и веба. Библиотека сопоставляет примитивы React Native, такие как View и Text, с элементами React DOM и реализует для веба API React Native.
Проект публикуется как пакет react-native-web. Этот репозиторий — монорепозиторий для разработки, в котором находятся пакет, скрипты сборки, разработки и тестирования, рабочие процессы GitHub Actions и шаблоны задач. Инструкции для участников проекта описаны в руководстве по внесению изменений, а новичкам доступен список задач для начинающих.
Ключевые возможности
- 01Отображает компоненты React Native, например View и Text, в браузере с помощью React DOM.
- 02Реализует API React Native для веба.
- 03Позволяет использовать одну кодовую базу для iOS, Android и веба.
- 04Управляется как монорепозиторий с командами сборки, разработки и тестирования для каждого пакета.
Сценарии использования
- Совместное использование компонентов интерфейса в мобильном приложении на React Native и веб-приложении на React.
- Добавление веб-версии к существующему проекту на React Native.
- Создание кроссплатформенных дизайн-систем для нативных платформ и веба.
Быстрый старт
- 1
Запустите скрипт dev для всех пакетов
npm run dev - 2
Запустите скрипт build для всех пакетов
npm run build - 3
Запустите тесты для всех пакетов
npm run test
Что важно знать
- В README описаны только задачи разработки монорепозитория; инструкций по установке и использованию для конечных пользователей нет.
Темы
Частые вопросы
- Что такое react-native-web?
- React Native для Web — библиотека, которая позволяет отображать компоненты и API React Native в браузерах с помощью React DOM. React Native for Web переносит компоненты и API React Native в браузер, позволяя использовать один и тот же код интерфейса для iOS, Android и веба. Библиотека сопоставляет примитивы React Native, такие как View и Text, с элементами React DOM и реализует для веба API React Native.
- react-native-web можно использовать бесплатно? Какая у него лицензия?
- react-native-web распространяется с открытым исходным кодом под лицензией MIT. Перед использованием в коммерческих продуктах проверьте условия лицензии.
- react-native-web всё ещё поддерживается?
- Активно поддерживается. Последний коммит в react-native-web — 20 окт. 2026 г..
- Для чего можно использовать react-native-web?
- Совместное использование компонентов интерфейса в мобильном приложении на React Native и веб-приложении на React. Добавление веб-версии к существующему проекту на React Native. Создание кроссплатформенных дизайн-систем для нативных платформ и веба.
- Как установить react-native-web?
- Запустите скрипт dev для всех пакетов: npm run dev Запустите скрипт build для всех пакетов: npm run build Запустите тесты для всех пакетов: npm run test
- Где скачать react-native-web?
- Исходный код и инструкции по установке — на GitHub: https://github.com/necolas/react-native-web
Описание создано ИИ на основе README проекта. Статистика GitHub обновляется ежедневно.
Похожие проекты
Открытое мультиплатформенное и мультифреймворковое решение для создания приложения на React или Vue, работающего в WeChat, Alipay и других мини-программах, H5 и React Native.
Библиотека React-компонентов без стилей: доступные UI-примитивы для создания собственных дизайн-систем.
Фреймворк для создания нативных приложений для Android и iOS на React: интерфейс на JavaScript отображается с помощью компонентов платформы.
Фреймворк с открытым исходным кодом для создания универсальных нативных приложений на React, работающих на Android, iOS и в вебе.
Коллекция React-компонентов на базе Radix UI и Tailwind CSS: копируйте их в свой проект, владейте кодом и настраивайте его под себя.