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
或者使用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