React全家桶--從零到入門

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

六.如果你能完成以上五個任務(wù),恭喜,你已經(jīng)入門了。后面還會有更多的挑戰(zhàn)在等著你,不過那時你已經(jīng)知道該做些什么了。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容