React.js专题站ReactWeb 前端开发

React全家桶--从零到入门

2016-09-14  本文已影响2004人  han34

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

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

上一篇下一篇

猜你喜欢

热点阅读