一.熟悉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
网友评论