TodoList-React練手

仿照http://axuebin.com/react-todolist/樣式做的簡單TodoList,作者用的AntUI,我這裏是按鈕加了點CSS,checkBox和輸入框沒有加,看起來可能沒有原作者的好看,不過功能一樣的。本次開發不同之處在於使用了webpack在本地開發,webpack具體使用見https://www.jianshu.com/p/42e11515c10f,講的非常好,但是注意有些東西現在不適用了,確實要查很多資料,出問題google一下就好。這裏最方便的就是本地開個webpack-dev-server服務器,然後每次代碼更改的時候,網頁都會自動刷新,然後在網頁底下開個開發者工具,有什麼錯誤就會直接看到,超級方便。之前都是在codepen上跑,雖然相當不錯但是功能和webpack肯定不能比啦。

本次項目不貼代碼了,直接上傳到資源裏面。最終最少能夠讓網頁正常工作的的文件其實就兩個,一個是webpack打包出來的bundle.js,它包含了webpack處理過的內容,比如把JSX轉成瀏覽器可識別的js代碼,一個是index.html。代碼主要在app文件夾中,其他內容只是開發過程中需要的。以下是效果:

[video-to-gif output image]

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章