搭建

git clone https://github.com/virgo02014/react-app.git cd react-app

yarn install yarn start

目录结构

my-app/
  README.md
  node_modules/
  package.json
  public/
    index.html
    favicon.ico
  src/
    index.css
    index.js
    logo.svg

技术点

• 运用 ES6 语法

• 使用 JSX 语句

• 类型检测 prop-types

• 普通样式 className ``` .sty1{ color: white; font-size: 20; } import './style.css';

  看文字颜色

    .sty2{ 
        color: white; 
        font-size: 20;
    }
    import StyleOther from  './style.css'; 
    <div className={StyleOther.sty2}>看文字颜色</div>
  ```
  

• 行内样式 LineStyle ``` let textColor = { color: "white", fontSize: 20 };

  看文字颜色

    <div style={{color:'white',fontSize:20}}>看文字颜色</div>
  ```
  

• 拆分组件 Product、Game

• 运用 redux

• 运用 react-native

• 轮播图

• 路由