React Native

React Native

开发框架/库 12.6w 免费 最新 v0.87.0-rc.1
React Native是由Meta开发的跨平台移动应用框架,让开发者使用JavaScript和React构建同时运行在iOS与Android上的原生应用。它通过原生组件渲染UI而非WebView,性能接近原生开发,同时支持热重载大幅提升开发效率。框架拥有庞大的社区生态和丰富的第三方库,适用于需要快速迭代、降低多端维护成本的中大型App项目。
访问官网

搭配玩法

4
React Native + React React+ GraphQL GraphQL+ Jest Jest + TypeScript+ Yarn Workspaces+ Babel 7+ Relay Modern

用 Lerna 管理单仓库,一套 GraphQL + Relay 同时服务 Web 与 App 端

Relay 统一前后端数据层,React 与 React Native 共享业务逻辑,Lerna 统一管理多包

✓ 前后端同仓开发联调快✓ Web/App 共享 Relay 数据层 ✕ Relay 编译步骤额外增加✕ 需要阅读 React Native 官方
React Native + Next.js Next.js+ Expo Expo+ Redux Redux + Node.js+ Corepack+ TypeScript+ Yarn Workspaces+ Tamagui

用 Yarn Workspaces 统一管理 Safe 多签钱包的 Web 与移动双端及共享包

Yarn Workspaces 统一依赖管理与开发规范;packages/store 共享 Redux 让双端共享状态逻辑

✓ 共享包复用双端代码✓ 依赖管理与规范统一 ✕ 双端需分别查阅文档配置
React Native + TypeScript TypeScript+ ESLint ESLint + lint-staged+ pre-commit hooks+ Create React App+ React Native Web+ husky

以 CRA v4 作为 Web 宿主,配合 RN 与 React Native Web 共享代码并强制提交前 lint

CRA 提供 Web 端构建与热更新,husky+lint-staged 在提交时对暂存文件执行 ESLint/Prettier 校验

✓ Web 端零配置 CRA 启动✓ 提交自动校验代码 ✕ 依赖清单表明 ESLint 配置链复杂
React Native + Next.js Next.js+ TypeScript TypeScript+ Prettier Prettier + iOS+ Android+ CocoaPods+ React Native Web

用 monorepo 实现一套 React Native 代码同时跑 iOS、Android 与 Next.js Web 端

React Native Web 让 RN 组件渲染到 DOM,Yarn Workspaces 统一管理共享包,三端共用一份业务代码

✓ 三端 100% 代码复用✓ 已有生产项目验证 ✕ Web 端需 React Native

产品简介

React Native是由Meta开发的跨平台移动应用框架,让开发者使用JavaScript和React构建同时运行在iOS与Android上的原生应用。它通过原生组件渲染UI而非WebView,性能接近原生开发,同时支持热重载大幅提升开发效率。框架拥有庞大的社区生态和丰富的第三方库,适用于需要快速迭代、降低多端维护成本的中大型App项目。

用户评价

还没有评价
这款产品刚收录,成为第一个评价的人
写第一条评价