All Projects → xuyuanxiang → umi-react-native

xuyuanxiang / umi-react-native

Licence: MIT license
umi preset plugins for react-native

Programming Languages

typescript
32286 projects
javascript
184084 projects - #8 most used programming language
java
68154 projects - #9 most used programming language
ruby
36898 projects - #4 most used programming language
objective c
16641 projects - #2 most used programming language
HTML
75241 projects
Starlark
911 projects

Projects that are alternatives of or similar to umi-react-native

route-utils
umi route utils
Stars: ✭ 32 (-40.74%)
Mutual labels:  umi, ant-design, umijs
acgnfuns-app
A react native app based on expo, dva, etc.
Stars: ✭ 14 (-74.07%)
Mutual labels:  react-navigation, expo, dvajs
toutiao
模仿今日头条,实现 APP 端,Server 端, Web 管理端
Stars: ✭ 17 (-68.52%)
Mutual labels:  dva, umi, ant-design
umi-dva-antd-starter
Get started with Umi3.js and Ant Design.
Stars: ✭ 17 (-68.52%)
Mutual labels:  dva, umi, ant-design
umi-plugin-electron-builder
umi的electron插件
Stars: ✭ 115 (+112.96%)
Mutual labels:  umi, umi-plugin, umijs
react-drag
A drag and drop platform based on sortable.js front-end visualization. 一个基于sortable.js的前端可视化搭建的拖拽平台,ui组件采用antd-mobile.通过umi脚手架构建.技术栈采用dva+hooks+umi+antd-mobile+sortable.js+react-color.
Stars: ✭ 51 (-5.56%)
Mutual labels:  dva, umi, ant-design
proffy
React Native + ReactJS + NodeJS project developed on RocketSeat NexLevelWeek. This project is based on an application for connect students and teachers.
Stars: ✭ 30 (-44.44%)
Mutual labels:  react-navigation, expo
umi-plugins
Umi Plugins
Stars: ✭ 14 (-74.07%)
Mutual labels:  umi, umi-plugin
RN-Book-Search
A Book search app using Expo (React Native) and Google Books API
Stars: ✭ 29 (-46.3%)
Mutual labels:  react-navigation, expo
coronadev
Aplicativo para consultar a situação global do COVID-19
Stars: ✭ 44 (-18.52%)
Mutual labels:  react-navigation, expo
SocialApp-React-Native
Social Networking mobile app similar to Instagram in React Native.
Stars: ✭ 79 (+46.3%)
Mutual labels:  react-navigation, expo
react-native-dva-starter-with-builtin-router
Integrate dva into react-native app with builtin router of dva.
Stars: ✭ 17 (-68.52%)
Mutual labels:  dva, expo
ant-design-mobile-pro
🛠 Use Ant Design Mobile like Ant Design Pro.
Stars: ✭ 22 (-59.26%)
Mutual labels:  dva, umi
umi-dva-antd-mobile-starter
Get started with Umi3.js and Ant Design Mobile.
Stars: ✭ 21 (-61.11%)
Mutual labels:  dva, umi
ele-pro
element-ui ant-design admin
Stars: ✭ 12 (-77.78%)
Mutual labels:  ant, ant-design
ng-antd-admin
A angular style Admin based on angular, ng-zorro-antd,Efforts to update in progress...
Stars: ✭ 53 (-1.85%)
Mutual labels:  ant, ant-design
umi-dva-typescript-mock
基于umi + dva + typescript + mock + antd的react框架,内置PWA
Stars: ✭ 17 (-68.52%)
Mutual labels:  dva, umi
react-native-dva
一个由react-native、react-navigation、dva搭建的简易架子
Stars: ✭ 29 (-46.3%)
Mutual labels:  react-navigation, dva
umi-plugin-mobx
😍 use mobx-state-tree gracefully in umijs.
Stars: ✭ 33 (-38.89%)
Mutual labels:  umi, umi-plugin
umi-plugin-md
🍚 Markdown(*.md) component plugin for umi.
Stars: ✭ 16 (-70.37%)
Mutual labels:  umi, umi-plugin

umi-react-native

Codacy Badge NPM Downloads PRs Welcome Android E2E Tests

使用 [email protected] 加速 react-native 开发效率:

NPM 包 当前版本 简介
umi-plugin-antd-react-native npm version @ant-design/react-native提供按需加载主题定制、预设、切换,国际化支持,在expo链接字体图标
umi-preset-react-native npm version 基础包,让umi具备开发 RN 的能力。需要 react-native 0.44.0 及以上版本(>=0.44.0)
umi-preset-react-navigation npm version 使用react-navigation替换react-router开发地道的原生应用。需要 react-native 0.60.0 及以上版本(>=0.60.0)
umi-renderer-react-navigation npm version 支持以react-navigation的方式来渲染react-router所定义的路由模型。无须单独安装该依赖
umi-react-native-multibundle npm version RN Bridge API,为 JS 层提供按需加载 Bundle 文件的能力。需要 react-native 0.62.2 及以上版本(>=0.62.2)

快速开始

umi 在 RN 中仅用来生成中间代码(临时文件),介于编码构建的之间,旨在引入 umi 的开发姿势来提升 RN 编程体验。

下游可以使用:

  • React Native CLI:RN 官方开发/打包工具;
  • expo:不需要搭建 iOS 和 Android 开发环境,工程目录干净清爽,添加 RN 依赖方便快捷;
  • haul:第三方 RN 打包器,使用 webpack。缺点是不支持:Fast Refresh、Live Reloading、Hot Replacement。

umi-preset-react-native会探测用户工程内的依赖,自动为这些工具生成所需的配置文件入口文件

通常你只需要选择其中一款,如果全都要请查看:umi-preset-react-native 扩展配置

使用 React Native CLI

示例工程:UMIRNExample

使用 expo

示例工程:UMIExpoExample

使用 haul 拆包

当 RN 工程满足下列条件才会拆包:

示例工程:UMIHaulExample

文档

案例

测试

端到端测试

测试用例:example/e2e/app.spec.js

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].