WEBAPP开发之React-Manga 一个以React实现的漫画WebApp-职坐标

WEBAPP开发之React-Manga 一个以React实现的漫画WebApp

白羽 2018-07-19 来源：网络阅读 1356 评论 0

摘要：本文将带你了解WEBAPP开发之React-Manga 一个以React实现的漫画WebApp，希望本文对大家学WebApp有所帮助。

使用React实现的WebApp版开源漫画阅读器。目前已实现用户登录注册、提供漫画推荐、漫画搜索、漫画收藏、漫画阅读、历史记录等功能。

另外安利一下安卓版的Manga

项目演示地址
点击这里(请使用手机打开或者将开发者工具调整为手机模式)
使用
//默认地址为//localhost:9000
gitclonehttps://github.com/TongmingWu/react-manga.git
cdreact-manga
npminstall
npmrundev
or
npmrunbuild

项目结构

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

目录结构
├─app/*项目代码*/
│├─actions/*redux中的action*/
│├─components/*各种组件*/
│├─constants/*常量池*/
│├─css
│├─db/*数据库*/
│├─images
│├─reducers/*redux中的reducer*/
│├─store/*整个应用的store*/
│└─views/*页面容器*/
├─dist/*编译后的代码*/
│└─mstatic
│├─css
│└─js
└─public/*模板*/