一份教你快速上手 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 installnpm run devnpm run build
npm run start在线版本,包含交互式例子 https://react-native-express-cn.vercel.app/
欢迎 PR 或者任何 issue
作者:Devin Abbott, @dvnabbott
翻译:Gavin Chan, @cnscorpions