使用React實現(xiàn)的WebApp版開源漫畫閱讀器羡铲。目前已實現(xiàn)用戶登錄注冊、提供漫畫推薦儡毕、漫畫搜索也切、漫畫收藏、漫畫閱讀腰湾、歷史記錄 等功能雷恃。
本項目地址戳這里,另外安利一下安卓版的Manga - - 點這里
(歡迎各種start or fork XD)
圖片預覽
項目演示地址
點擊這里(請使用手機打開或者將開發(fā)者工具調(diào)整為手機模式)
使用
//默認地址為http://localhost:9000
git clone https://github.com/TongmingWu/react-manga.git
cd react-manga
npm install
npm run dev
or
npm run build
項目結構
- 項目基于react+react-redux+react-router+ES6费坊,使用webpack構建的SPA(單頁應用)
- 整體項目前后端分離倒槐,使用React進行組件化開發(fā)
- 使用redux管理整個應用的store
- API由本人編寫的Python項目提供,暫不提供源代碼
- 本項目純屬學習交流使用附井,數(shù)據(jù)由非正常路徑獲得讨越,不得用于商業(yè)用途
目錄結構
├─app /*項目代碼*/
│ ├─actions /*redux中的action*/
│ ├─components /*各種組件*/
│ ├─constants /*常量池*/
│ ├─css
│ ├─db /*數(shù)據(jù)庫*/
│ ├─images
│ ├─reducers /*redux中的reducer*/
│ ├─store /*整個應用的store*/
│ └─views /*頁面容器*/
├─dist /*編譯后的代碼*/
│ └─mstatic
│ ├─css
│ └─js
└─public /*模板*/
后記
到目前(2017.02.01)為止,學習JavaScript快1個多月了永毅。剛開始從Android轉(zhuǎn)過來的時候很不習慣把跨,但漸漸地就喜歡上了JS,特別是在了解了ES6之后沼死。
以前對前端的了解就是幾個HTML+CSS+JS着逐,但現(xiàn)在不這么認為了(打臉真快 ...( _ _)ノ|)。越學越覺得前端很復雜意蛀,WebPack是個好東東耸别。
還有當初在Vue和React之間徘徊,最終選擇了React(才不是因為React Native!)
只剩下半年就要畢業(yè)了县钥,接下來還要好好努力秀姐,找到一份心儀的工作。Fighting!!
好了若贮,吐槽了這么多省有,再甩一下項目鏈接
https://github.com/TongmingWu/react-manga
最后祝大家雞年大吉吧 ( ̄o ̄) . z Z