React 体验

https://github.com/facebook/create-react-app

npm i -g create-react-app

　　cd  <your-folder>

create-react-app hello-react

　　cd hello-react

yarn start 打开 3000 端口网页 相当于确认是否安装成功   【开发环境】

yarn build

yarn global bin  复制粘贴到 path 等于配置 yarn 环境变量

yarn global add serve

serve -s build   (git-bash 有问题 建议用cmd使用)   端口 5000【线上环境】

…………………………………………………………………………

react devtools 管理扩展那里开一下 允许访问文件，不需要记因为帮助文档有说。

import Header from './components/header'
import Footer from './components/footer'

class App extends Component {
  render() {
    return (
     <div className="container">
        <div className="row">
          <Header />
        </div>
        <div className="row">
          <div className="col-xs-1 col-xs-offset-11">
            <h1>Hello !</h1>
          </div>
        </div>
        <div className="row">
          <Footer />
        </div>
　　　　 <div className="row">
　　　　　　{ true?"hi":"goodbye" /* 这是一个表达式 */}
　　　　</div>
     </div>
    );
  }
}