如何学习react

React 构建用户界面的javascript库, 主要用于构建UI界面. Instagram 2013年开源.

特点

1. 声明式的设计
2. 高效,采用虚拟DOM来实现DOM的渲染,最大限度的减少DOM的操作.
3. 灵活,跟其他库灵活搭配使用
4. JSX, 俗称js里面写html,javas语法的扩展
5. 组件化,模块化.代码容易复用,2016年之前大型项目非常喜欢react
6. 单项数据流. 没有实现数据的双向绑定.
7. 数据>视图>事件>数据

安装

安装脚手架

npm install -g create-react-app

创建项目

create-react-app 项目名称

React核心概念

虚拟DOM

本质: 用JS对象的形式，来模拟页面上DOM嵌套关系(虚拟DOM是以JS对象的形式存在的)

目的: 为了实现页面元素的高效更新

Diff算法