React全家桶--从零到入门

作者: han34 | 来源:发表于2016-09-14 10:21 被阅读2004次

    一.熟悉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

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

    相关文章

      网友评论

        本文标题:React全家桶--从零到入门

        本文链接:https://www.haomeiwen.com/subject/ralvettx.html