/react-native-express-cn

快速上手React Native,带有交互式例子🍰

Primary LanguageJavaScript

关于

一份教你快速上手 React Native 的指南

英文版本为 dabbott/react-native-express


特点

  • 🚀 内容精简,特为迅速上手 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 模板

Native插件开发


安装

yarn

或者

npm install

本地 serve

npm run dev

打包 & serve

npm run build
npm run start

Demo

在线版本,包含交互式例子 https://react-native-express-cn.vercel.app/


贡献代码

欢迎 PR 或者任何 issue


翻译 & 作者

作者:Devin Abbott, @dvnabbott
翻译:Gavin Chan, @cnscorpions