一.熟悉React API
仔細(xì)研讀官方文檔,參照官方的規(guī)范完成一個React版的todolist??蓞⒖?a target="_blank" rel="nofollow">這個例子,只需要實現(xiàn)功能即可,不需要做界面美化,也不需要分成多個文件,把所有的代碼寫在一個文件即可。
二.搭建熱加載開發(fā)環(huán)境
參照該教程,將步驟一完成的todolist移植到熱加載開發(fā)環(huán)境中,把代碼拆開,寫入不同的文件里,要求實現(xiàn)瀏覽器自動刷新并且不丟失react狀態(tài)的功能。
三.熟悉Redux
參照教程,將步驟二完成的todolist修改成react+redux版的todolist
四.熟悉react-router
查閱react-router教程,將步驟三的todolist擴展成多列表的todolist,即app首頁展示所有的列表(要求也實現(xiàn)列表的增刪改功能),用戶點擊某個列表,app轉(zhuǎn)而顯示該列表下所有的任務(wù)。所以該app有兩個頁面,請用react-router實現(xiàn)。
五.熟悉一個React UI庫
較為知名的庫有:Ant Design,Material UI
請?zhí)暨x一個,美化之前完成的todolist