react-todo

the first project of my react travel

react-todo效果

demo 效果图：

demo 演示地址： react-todo 链接

react-todo功能

1. 新增任务：在下方输入新任务，按enter键/新增按钮，即可插入新任务
2. 修改任务状态：点击“未完成/已完成”，即可改变改任务的状态
3. 删除任务：点击右侧橙色的删除按钮，即可删除该任务
4. 删除全部已完成的任务：点击“删除全部已完成”按钮
5. 统计任务：总数、已完成数、未完成数
6. 搜索任务：在上方输入任务，即可搜索筛选出相应的任务

react-todo 安装使用

一、把代码 download 或 fork 下来，直接在浏览器打开 build/index.html

二、npm 安装 package.json 安装：npm install 构建打包：npm run build

开发环境：npm run dev 然后打开：http://localhost:8080/webpack-dev-server/ (含自动刷新、热加载)

react-todo 开发学习总结

blog里面总结了开发过程的一些收获：

react-todo实战(一)之webpack

react-todo实战(二)之react/es6

学习参考

https://github.com/theJian/build-a-hn-front-page

https://github.com/YikaJ/react-todos