react + react-dom + webpack3 + 热更新 + ES6/7 + flex
git clone [email protected]:liansky/react-todo.git
cd react-todo （进入当前的项目）
npm install (安装依赖包)
npm run dev (运行本地开发环境)
npm run build (打包)
- 熟悉react 、react-dom相关api
- 了解react 组件化开发模式
- 熟悉jsx语法
- 从零搭建webpack开发环境
- 熟悉ES6/7新特性
- 熟悉redux、react-redux
- webpack环境加入编译sass、自动加浏览器前缀
- 加入react-router4
- 加入mbox
|-- README.md
|-- package.json
|-- gitbook
|-- dist // 构建生成目录
|-- config
|-- |-- conf.js // webpack配置文件
|-- |-- dev-server.js // 热更新启动入口
|-- |-- webpack.dev.conf.js // 开发配置
|-- `-- webpack.prod.conf.js // 生产配置
|-- src
| |-- assets // 静态资源
| | |-- fonts
| | |-- img
| | | `-- react-todos.png
| | `-- style
| | |-- main.css
| | `-- reset.css
| |-- component // 组件
| | |-- App.jsx
| | |-- TodoFooter.jsx
| | |-- TodoHeader.jsx
| | |-- TodoItem.jsx
| | `-- TodoMain.jsx
| |-- main.jsx // 入口文件
| |-- redux // 状态管理
| `-- router // 路由
|-- static
`-- yarn.lock