react-douban

A React project

技术栈

React + Mobx + react-router + axios + Sass + ES6/7

博文地址

基于React搭建一个简易版豆瓣

项目运行

• 克隆项目

git clone https://github.com/nh0007/react-douban.git

• 进入项目根目录，安装依赖

npm install 
or 
yarn install

• 运行项目

npm start
or
yarn start

• 等待运行完毕后，浏览器会自动弹出访问页，即可看到项目运行效果。

代码大致结构

├── apis  // 资源请求方法
├── assets  // 图片资源、样式
├── components  // 项目组件
│   ├── App  // 根组件
│   ├── Book  // 书本组件
│       ├── BookTag
│       ├── BookTagContent
│       ├── BookTagMoreContent
│       └── BookTypeContent
│   ├── City  // 同城活动组件
│   ├── Common  // 公用、基础组件
│       ├── CommonModal
│       ├── CommonSlider
│       └── CommonTagList
│   ├── Header  // 头部组件
│   ├── Main  // 主内容区域组件
│   ├── Movie  // 电影组件
│       ├── MovieTagContent
│       └── MovieTypeContent
│   ├── Music  // 音乐组件
│       └── MusicTagContent
├── stores  // 状态管理
├── utils  // 工具函数等
└── index.js  // 入口文件

项目截图

读书页：

电影页：

音乐页：

同城活动页：

搜索页：

结语

若项目出现啥问题或者有更好的实现，欢迎交流。另外，欢迎star~