React介绍

React介绍

学习目标：了解React是什么以及它的特点

React是什么

   React是一个来自FaceBook的专注于构建用户界面的javascript库，与Vue和Angular并称为前端三大框架，目前是世界范围内最流行的js前端框架
  React英文文档（https://reactjs.org/）
  React中文文档(https://zh-hans.reactjs.org/)
  React新文档（https://beta.reactjs.org/）[开发中…]

React的特点有哪些

  1.声明式UI(JSX)
    像写HTML一样写,抛弃繁琐的命令式实现

<ul>
    <li v-for="itme in list">Vue<li/>
<ul/>
<ul>
    { list.map(itme =><li>React<li/>) }
<ul/>
1
2
3
4
5
6
7

//命令式
for(let i=0;i<list.length;i++){
    const li = document.CreateElement('li')
    li.textContent = 'react'
    document.getElementById('ul').appendChild(li)
}
1
2
3
4
5
6

  2.组件化
    组件是React主要的内容，可以用搭积木的方式拼接一个完整的页面，通过组件的抽象可以增加代码的复用能力和提高可维护性
  3.一次学习，跨平台编写使用
    React可以开发web应用也可以使用相同语法开发原生应用（react-native）,比如安卓和ios应用，甚至可以使用React开发VR应用