谈谈从0开始快速学习React Native(一)

React Native是基于React的,在开发React Native过程中少不了的需要用到React方面的知识。虽然官方也有相应的Document,但篇幅比较多,学起来比较枯燥。

我可以说是从0开始学习React Native,之前学习的人少,自己也走了不少弯路,以后能把自己的一些想法或者是学习方法写出来分享一下,让后来学习的同行们少走一些弯路。(最好先学习一下reactjs)

自己理解的React(我们需要了解的东西)
1.React?
2.React的特点
3.JSX语法
4.组件(Component)
5.组件的属性、状态

一、什么是React?

React是一个用于组建用户界面的JavaScript库,让你更加简单的方式来创建交互式用户界面。

个人认为的优点吧:

1.React就是由许多个组件来组合而成的。
2.数据改变的时候,React能高效的更新和渲染更新的组件。
3.声明性视图让你的代码容易调试,自己能预测出效果
4.封装管理自己的状态组件,将他们组成复杂的界面。
5.由于组件逻辑是用JavaScript编写的,可以轻松地通过程序传递大量数据,并保持DOM状态。
6.一次学习随时随地可以编写,学会了React,不仅可以轻松的开发web,也可以用于React Native来开发Android+ios应用。

二、开始学习React

使用React之前需要在React官网下载这些库,也可以将其下载到本地去使用。
-react.js
-react-dom.js
-browser.min.js
上面一共列举了三个库: react.js 、react-dom.js 和 browser.min.js ,它们必须首先加载。
react.js是React的核心库
react-dom.js是提供与DOM相关的功能
browser.min.js的作用是将JSX语法转为JavaScript语法
这一步很消耗时间,实际上线的时候,应该将它放到服务器完成。

注意:我们实际在做React Native开发时,这些库作为React Native核心库已经被初始化在node_modules目录下,所以不需要单独下载。

使用React写出我们非常熟悉的Hello World

 

    
      
      Hello React! 
      
       
       
     
    
       
``` >在 JavaScript 代码里写着 XML 格式的代码称为 JSX,下文会介绍。为了把 JSX 转成标准的 JavaScript,我们用`

你可能感兴趣的:(谈谈从0开始快速学习React Native(一))