React的安装和使用！
一、React库说明
React库包含两部分：1、React包含了所有基本功能；2、ReactDOM只包含了操作DOM的功能。
1、加载React库
# 1、用
发布版：
一、React库说明
React库包含两部分：1、React包含了所有基本功能；2、ReactDOM只包含了操作DOM的功能。
1、加载React库
# 1、用
发布版：// like_button.js
'use strict';
const e = React.createElement;
class LikeButton extends React.Component {
constructor(props) {
super(props);
this.state = { liked: false };
}render() {
if (this.state.liked) {
return 'You liked this.';
}return e(
'button',
{ onClick: () => this.setState({ liked: true }) },
'Like'
);
}
}const domContainer = document.querySelector('#like_button_container');
ReactDOM.render(e(LikeButton), domContainer);
Hello World - 锐客网
Add React in One Minute - 锐客网 'use strict';
// 第三步：编写组件
class LikeButton extends React.Component {
constructor(props) {
super(props);
this.state = { liked: false };
}render() {
if (this.state.liked) {
return 'You liked this.';
}return (
);
}
}let domContainer = document.querySelector('#like_button_container');
ReactDOM.render(Node.jsnpm init -y
npm install babel-cli@6 babel-preset-react-app@3npx babel --watch src --out-dir . --presets react-app/prod单页面应用(single-page application) 是指加载单个页面，并下载所有必要资源（ JavaScript 、CSS等），后续页面的任何交互，都不再需要向 server 请求资源，即页面不会重新加载。# 安装完Node后，在terminal中创建React的单页面应用
npx create-react-app my-app# 运行此单页面项目
cd my-app
npm start# 编译项目作为production版本发布
npm run build
