22.1K ·GitHub
Что это такое?
React Native for Web — это набор кроссплатформенных React-пакетов для интерфейсов; данный репозиторий — это монорепозиторий для разработки, где собираются пакет react-native-web и связанные с ним проекты.
React Native for Web — это набор кроссплатформенных React-пакетов для интерфейсов; данный репозиторий — это монорепозиторий для разработки, где собираются пакет react-native-web и связанные с ним проекты.Это то, что я устанавливаю в своё приложение, или отдельное готовое приложение?Это библиотека, а не приложение: react-native-web поставляется в виде React-пакетов для интерфейсов, которые подключаются как зависимость, а этот репозиторий — монорепозиторий для разработки, где лежат эти пакеты вместе с инструментами сборки, линтинга и тестирования.
Это библиотека, а не приложение: react-native-web поставляется в виде React-пакетов для интерфейсов, которые подключаются как зависимость, а этот репозиторий — монорепозиторий для разработки, где лежат эти пакеты вместе с инструментами сборки, линтинга и тестирования.Как запустить проект у себя локально?Склонируйте репозиторий и используйте npm-скрипты: npm run build компилирует все пакеты (npm run build -w — один конкретный), npm run dev запускает дев-сборки, а npm run test выполняет тесты.
Склонируйте репозиторий и используйте npm-скрипты: npm run build компилирует все пакеты (npm run build -w — один конкретный), npm run dev запускает дев-сборки, а npm run test выполняет тесты.Что нужно установить, чтобы собирать проект и работать над ним?Стандартное окружение Node.js и npm — пакеты управляются через npm workspaces — плюс Flow для проверки типов, ESLint для линтинга и Prettier для форматирования.
Стандартное окружение Node.js и npm — пакеты управляются через npm workspaces — плюс Flow для проверки типов, ESLint для линтинга и Prettier для форматирования.Покажет ли мне этот репозиторий, как использовать компоненты в своём приложении?Нет — здесь описана разработка, а не использование: в README рассказано о структуре репозитория, сборке, тестах и процессе контрибуции, а гайд по участию в проекте описывает сам процесс разработки; инструкций по установке на уровне приложения или описания API здесь нет.
Нет — здесь описана разработка, а не использование: в README рассказано о структуре репозитория, сборке, тестах и процессе контрибуции, а гайд по участию в проекте описывает сам процесс разработки; инструкций по установке на уровне приложения или описания API здесь нет.Где на самом деле работают эти компоненты — только в браузере или ещё и в нативном мобильном?Они рендерятся в браузере через react-dom — основной пакет называется react-native-web — а сам проект позиционируется как кроссплатформенные React-интерфейсы, так что компоненты общие для веба и React Native.
Они рендерятся в браузере через react-dom — основной пакет называется react-native-web — а сам проект позиционируется как кроссплатформенные React-интерфейсы, так что компоненты общие для веба и React Native.Что на самом деле находится в монорепозитории?Четыре папки: .github с воркфлоу GitHub Actions и шаблонами для issues, configs с общей конфигурацией инструментов, packages, где лежат react-native-web и остальные пакеты, и scripts со вспомогательными Node.js-скриптами для разных задач.
Четыре папки: .github с воркфлоу GitHub Actions и шаблонами для issues, configs с общей конфигурацией инструментов, packages, где лежат react-native-web и остальные пакеты, и scripts со вспомогательными Node.js-скриптами для разных задач.Как проект ловит поломки, связанные с React?Непрерывная интеграция запускает воркфлоу react-integration вместе с тестами, проверкой меток и проверками производительности, так что изменения проверяются на реальных сценариях интеграции с React, а не только юнит-тестами.
Непрерывная интеграция запускает воркфлоу react-integration вместе с тестами, проверкой меток и проверками производительности, так что изменения проверяются на реальных сценариях интеграции с React, а не только юнит-тестами.What are similar projects?tamagui, chakra-ui, styled-components, Libraries.dev, react-native-ui-kitten, react-bootstrap, Semantic-UI-React, react-slick
tamagui, chakra-ui, styled-components, Libraries.dev, react-native-ui-kitten, react-bootstrap, Semantic-UI-React, react-slickWhich topics is it in?react-native-web, css-in-js, gui-framework, react-components, react-native, monorepo, component-library, javascript-library, ui-components, mobile, ui, web-development
react-native-web, css-in-js, gui-framework, react-components, react-native, monorepo, component-library, javascript-library, ui-components, mobile, ui, web-development