React Native 中文文档 - 简介
React Native 是一个使用 JavaScript 和 React 来编写跨终端移动应用 ( Android 或 iOS ) 的一种解决方案
这句话什么意思呢?
-
即使你不懂如何使用 Java 或
Kotlin
开发 Android ,或者不懂如何使用 Swift 或Objective-C
来开发 iPad 或 iPhone 应用也不打紧,因为 React Native 几乎不需要和它们打交道。 -
这句话的另一个意思呢,就是,如果你想同时开发 Android 和 iOS 应用,但苦于资金或者其它杂七杂八的条件,找不齐 Android 或者 iOS 的开发人员,那么也不要紧,只要你的开发人员懂前端,懂 JavaScript 和 React 就够了,也能开发移动应用
-
当然了,这句话还意味着,只要你招了一个会 React 的前端,那么你就拥有 网页 、H5 页面 、移动 APP 的全栈开发能力。是不是很惊喜....
我适合阅读吗?
你能找到这里,那么你一般是具备了通读这份文档的能力的,不过这份文档的要求也是有点高的,你必须得会以下知识:
-
HTML 的知识。因为 React Native 中会用到很多的 视图 组件,这些组件和 HTML 中的标签有异曲同工之妙。
-
CSS/CSS3 的知识。React Native 中的布局和样式,都是出自于 CSS
-
JavaScript 的知识。如果前两个还是可选项的化,那么这个就是必须的,不过要求不高,只要懂那么一丢丢就可以了。
-
React 的知识。React Native 对这个要求是最高的了,毕竟名字中就有这个关键字。怎么说呢?反正学起来也很简单。
具备了以上知识,你就可以快乐的开发了。
阅读这份文档我需要准备什么 ?
如果你纯粹只是阅读,那么你准备的东西已经够了
如果你想实践这份文档中的一些范例,那么你就需要准备一些东西了
-
一部手机,Android 或者 iPhone 的。 推荐使用 Android
-
一根数据连接线
-
一部正在联网的电脑
-
电脑上装了 Android 开发的 Android SDK 或者 iOS 开发的 Xcode
-
一个趁手的编辑器,推荐使用
Visual Studio Code
或者Sublime Text 3
。 作者我使用的是:Sublime Text 3
如果你不懂怎么安装 XCode ,那么请访问我们的 Swift 3 基础教程 - Swift 3 环境搭建
如果你不懂怎么安装 Android SDK,那么请访问我们的 Android 基础教程 - Android Studio 安装与配置
这份文档做什么和不做什么?
这份文档,是对 React 官方文档的一次中文阅读理解计划。对,不是直译,也不是教程。
这份文档并不能告诉你如何开发一个实际可用的移动应用,相反,它的作用只是提供了你在使用 React Native 开发时的螺丝刀和螺丝钉等零件的使用手册
代码示例
我们来看看下一章节将会介绍的 Hello World 代码,一份看起来从头到尾都是 React 格式的代码
import React, {Component} from 'react'; import {Text,View} from 'react-native'; export default class App extends Component{ render() { return ( <View> <Text>Hello World!</Text> <Text>你好,简单教程。你好,https://www.twle.cn</Text> </View> ); } }
运行起来的时候就是这样的