react简介

react简介

Facebook开发的一款JS库

react出现原因

React最初来自Facebook内部的广告系统项目，项目实施过程中前端开发遇到了巨大挑战，代码变得越来越臃肿且混乱不堪，难以维护。于是痛定思痛，他们决定抛开很多所谓的“最佳实践”，重新思考前端界面的构建方式，于是就有了React。

react的特点

组件化 — React 的一切都是基于组件的

jsx — react定义的一种类似于XML的JS扩展语法: XML+JS

虚拟dom — 一种对于HTML DOM节点的抽象描述

文档地址

官方文档

中文文档

react

<script src="https://cdn.bootcss.com/react/16.4.0/umd/react.development.js"></script>
<script src="https://cdn.bootcss.com/react-dom/16.4.0/umd/react-dom.development.js"></script>
<script src="https://cdn.bootcss.com/babel-standalone/7.0.0-beta.3/babel.js"></script>

jsx

jsx本身是一种表达式

js表达式。— 使用{}

优点：速度快，类型安全，简单快速

安装create-react-app

npm install -g create-react-app

安装yarn

yarn

或者使用npm全局安装

npm install -g yarn

Yarn使用淘宝代理

yarn config set registry https://registry.npm.taobao.org -g

yarn config set sass_binary_site http://cdn.npm.taobao.org/dist/node-sass -g