React全家桶--从零到入门

一.熟悉React API

仔细研读官方文档,参照官方的规范完成一个React版的todolist。可参考这个例子,只需要实现功能即可,不需要做界面美化,也不需要分成多个文件,把所有的代码写在一个文件即可。

二.搭建热加载开发环境

参照该教程,将步骤一完成的todolist移植到热加载开发环境中,把代码拆开,写入不同的文件里,要求实现浏览器自动刷新并且不丢失react状态的功能。

三.熟悉Redux

参照教程,将步骤二完成的todolist修改成react+redux版的todolist

四.熟悉react-router

查阅react-router教程,将步骤三的todolist扩展成多列表的todolist,即app首页展示所有的列表(要求也实现列表的增删改功能),用户点击某个列表,app转而显示该列表下所有的任务。所以该app有两个页面,请用react-router实现。

五.熟悉一个React UI库

较为知名的库有:Ant Design,Material UI
请挑选一个,美化之前完成的todolist

六.如果你能完成以上五个任务,恭喜,你已经入门了。后面还会有更多的挑战在等着你,不过那时你已经知道该做些什么了。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容