react安装——直接使用
一、普通方式,在HTML中引入react所需的库,可通过cdn引入
库:react、react-dom、babel(用于编译jsx,将其编译为js,也用于将es6转换为es5)
<script src="https://unpkg.com/react@16/umd/react.development.js"></script>
<script src="https://unpkg.com/react-dom@16/umd/react-dom.development.js"></script>
<script src="https://unpkg.com/babel-standalone@6.15.0/babel.min.js"></script>
可将以上3个js文件保存到本地,直接引用
测试代码:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<title>Hello React!</title>
<script src="react.development.js"></script>
<script src="react-dom.development.js"></script>
<script src="babel.min.js"></script>
</head>
<body>
<div id="react_test"></div>
</body>
<script type="text/babel">
ReactDOM.render(
<h2>Hello, TSYMQ!</h2>,
document.getElementById('react_test')
);
</script>
</html>
vscode => go live…
测试还是比较成功的!
安装完成!
二、create-react-app方式
该方式创建的react应用太过nb,有待研究。。。
一个基本项目hello tsymq,3w+文件数量,整个项目100+M。。。