React-Manga 一个以React实现的漫画WebApp

admin

使用React实现的WebApp版开源漫画阅读器。目前已实现用户登录注册、提供漫画推荐、漫画搜索、漫画收藏、漫画阅读、历史记录 等功能。
本项目地址戳这里，另外安利一下安卓版的Manga - - 点这里
（欢迎各种start or fork XD）

图片预览

首页.jpg

阅读.jpg

用户.jpg

项目演示地址

点击这里(请使用手机打开或者将开发者工具调整为手机模式)

使用

1. //默认地址为http://localhost:9000
   
2. git clone https://github.com/TongmingWu/react-manga.git
   
3. cd react-manga
   
4. npm install
   
5. npm run dev
   
6. or
   
7. npm run build

复制代码

项目结构

• 项目基于react+react-redux+react-router+ES6，使用webpack构建的SPA(单页应用)
• 整体项目前后端分离，使用React进行组件化开发
• 使用redux管理整个应用的store
• API由本人编写的Python项目提供，暂不提供源代码
• 本项目纯属学习交流使用，数据由非正常路径获得，不得用于商业用途
  

目录结构

1. ├─app   /*项目代码*/
   
2. │  ├─actions    /*redux中的action*/
   
3. │  ├─components /*各种组件*/
   
4. │  ├─constants  /*常量池*/
   
5. │  ├─css
   
6. │  ├─db         /*数据库*/
   
7. │  ├─images
   
8. │  ├─reducers   /*redux中的reducer*/
   
9. │  ├─store      /*整个应用的store*/
   
10. │  └─views      /*页面容器*/
    
11. ├─dist  /*编译后的代码*/
    
12. │  └─mstatic
    
13. │      ├─css
    
14. │      └─js
    
15. └─public    /*模板*/

复制代码

后记

到目前(2017.02.01)为止，学习JavaScript快1个多月了。刚开始从Android转过来的时候很不习惯，但渐渐地就喜欢上了JS，特别是在了解了ES6之后。

以前对前端的了解就是几个HTML+CSS+JS，但现在不这么认为了(打脸真快 ...( ＿ ＿)ノ｜)。越学越觉得前端很复杂，WebPack是个好东东。

还有当初在Vue和React之间徘徊，最终选择了React(才不是因为React Native!)

只剩下半年就要毕业了，接下来还要好好努力，找到一份心仪的工作。Fighting!!

好了，吐槽了这么多，再甩一下项目链接

游客，如果您要查看本帖隐藏内容请回复

wx_GsN8552Y

登录可见评论

xiaoxiaoxiao007

登录可见评论