TodoList-React练手

仿照http://axuebin.com/react-todolist/样式做的简单TodoList,作者用的AntUI,我这里是按钮加了点CSS,checkBox和输入框没有加,看起来可能没有原作者的好看,不过功能一样的。本次开发不同之处在于使用了webpack在本地开发,webpack具体使用见https://www.jianshu.com/p/42e11515c10f,讲的非常好,但是注意有些东西现在不适用了,确实要查很多资料,出问题google一下就好。这里最方便的就是本地开个webpack-dev-server服务器,然后每次代码更改的时候,网页都会自动刷新,然后在网页底下开个开发者工具,有什么错误就会直接看到,超级方便。之前都是在codepen上跑,虽然相当不错但是功能和webpack肯定不能比啦。

本次项目不贴代码了,直接上传到资源里面。最终最少能够让网页正常工作的的文件其实就两个,一个是webpack打包出来的bundle.js,它包含了webpack处理过的内容,比如把JSX转成浏览器可识别的js代码,一个是index.html。代码主要在app文件夹中,其他内容只是开发过程中需要的。以下是效果:

TodoList-React练手

上一篇:Lambda-详解


下一篇:vuex实现todoList实例