一份教你快速上手 React Native 的指南
- 🚀 内容精简,特为迅速上手 React Native 开发准备
- 😍 提供交互式例子,动动手更快熟悉知识点
- 💪 覆盖 React Native 日常开发的绝大部分工具链
- 🍰 加餐了开发Native Android和iOS插件
⚠️ React Native 并没有中文文档,也没有提供翻译规范。术语,专有名词等等部分参考React 中英文对照表,但是更倾向于不翻译
English | Chinese | 是否完成 |
---|---|---|
Intro | 介绍 | ✅ |
Environment | 环境配置 | ✅ |
Quick Start | 快速起步 | ✅ |
Modern JavaScript | 现代 Javascript | ✅ |
ES2015 | ES2015 | 🚧 |
JSX | JSX | ✅ |
React Components | React 组件 | ✅ |
Component API | Component API | ✅ |
Lifecycle API | 生命周期 | ✅ |
Core Components | 核心组件 | ✅ |
View | 容器组件 | ✅ |
Flexbox | Flex 布局 | ✅ |
Text | 文本组件 | ✅ |
Image | 图片组件 | ✅ |
ScrollView | 滚动容器组件 | ✅ |
Lists | 列表组件 | 🚧 |
Component Libraries | 流行组件库 | ✅ |
Data Management | 状态管理 | ✅ |
Component State | 组件内状态 | ✅ |
Redux | Redux | ✅ |
Realm | 移动端款平台数据库 Realm | ✅ |
Persistence | 数据持久化 | ✅ |
Redux Persist | Redux 持久化中间件 | ✅ |
Networking | 网络请求 | ✅ |
Networking with Redux | Redux 异步中间件 | ✅ |
Animation | 动画 | ✅ |
Animated | Animated | ✅ |
RN Animatable | RN Animatable | ✅ |
Gestures | 手势 | ✅ |
Boilerplates | 模板 | ✅ |
yarn
或者
npm install
npm run dev
npm run build
npm run start
在线版本,包含交互式例子 https://react-native-express-cn.vercel.app/
欢迎 PR 或者任何 issue
作者:Devin Abbott, @dvnabbott
翻译:Gavin Chan, @cnscorpions