GitPlanet

Cheap and reliable Node.js hosting starts at $3/month, and $1/month static HTML hosting

Created with love in Canada, visit hostnodejs.com today

Feel like to post an Ad? Learn Details
All Projects → nh0007 → react-douban

nh0007 / react-douban

Licence: other
A React project

Programming Languages

javascript
184084 projects - #8 most used programming language
CSS
56736 projects
HTML
75241 projects

Labels

reactreact-routermobx

Projects that are alternatives of or similar to react-douban

React Mobx React Router4 Boilerplate
React, React-Router 4, MobX and Webpack 2-boilerplate with async routes.
Stars: ✭ 566 (+2595.24%)
Mutual labels:  react-router, mobx
React Mobx React Router Boilerplate
A simple boilerplate based on create-react-app and add mobx, react-router, linter, prettier and so on. 一个简单的 react 脚手架依赖于 create-react-app 新增了 mobx react-router,linter,prettier 等。
Stars: ✭ 12 (-42.86%)
Mutual labels:  react-router, mobx
Favesound Mobx
🎶 A SoundCloud Client in React + MobX running in production. Live Demo and Source Code to explore React + MobX. Refactored from favesound-redux
Stars: ✭ 532 (+2433.33%)
Mutual labels:  react-router, mobx
react-pits
React 中的坑
Stars: ✭ 29 (+38.1%)
Mutual labels:  react-router, mobx
React Cnodejs.org
Material UI version of cnodejs.org, the biggest Node.js Chinese community.
Stars: ✭ 242 (+1052.38%)
Mutual labels:  react-router, mobx
React Mobx Ts Antd
A simple empty project build with react、react-router、mobx、antd in typescript.
Stars: ✭ 53 (+152.38%)
Mutual labels:  react-router, mobx
Snippetstore
🎉 A snippet management app for developers 🚀
Stars: ✭ 762 (+3528.57%)
Mutual labels:  react-router, mobx
react-mobx-router
Create React App with React Router 4 and MobX + Internationalization
Stars: ✭ 90 (+328.57%)
Mutual labels:  react-router, mobx
Alldemo
🍑 2020全栈学习Demo大合集 包含最新 hooks TS 等 还有umi+dva,数据可视化等实战项目 (持续更新中)
Stars: ✭ 189 (+800%)
Mutual labels:  react-router, mobx
Koa Mobx React Starter
A straightforward starter for Node javascript web projects. Using Koa, MobX and ReactJS (with universal / isomorphic server rendering)
Stars: ✭ 102 (+385.71%)
Mutual labels:  react-router, mobx
React Book
《React进阶之路》示例代码
Stars: ✭ 249 (+1085.71%)
Mutual labels:  react-router, mobx
boring-router
A type-safe MobX router with parallel routing support.
Stars: ✭ 74 (+252.38%)
Mutual labels:  react-router, mobx
Study-Room
Connect and study together with friends over text and voice channels, over a click of a button. Web application for chat and audio streaming.
Stars: ✭ 21 (+0%)
Mutual labels:  react-router
kodlama.io-javareactcamp
Java - React Camp Works | Kodlama.io
Stars: ✭ 33 (+57.14%)
Mutual labels:  react-router
react-mobx-router5
React components for routing solution using router5 and mobx
Stars: ✭ 58 (+176.19%)
Mutual labels:  mobx
fetchx
Beautiful way to fetch data in React
Stars: ✭ 71 (+238.1%)
Mutual labels:  mobx
mobx-form
Declarative, complex forms with Mobx/React with lots of dynamic/imperative hooks
Stars: ✭ 29 (+38.1%)
Mutual labels:  mobx
tinylog-ui
实时日志分析系统后台数据管理系统
Stars: ✭ 45 (+114.29%)
Mutual labels:  mobx
react16-seed-with-apollo-graphql-scss-router4-ssr-tests-eslint-prettier-docker-webpack3-hot
Seed to create your own project using React with Apollo GraphQL client
Stars: ✭ 19 (-9.52%)
Mutual labels:  react-router
myBlog
💊personal website: FE:React;BE:Django
Stars: ✭ 26 (+23.81%)
Mutual labels:  react-router
View All Similar Projects ➔

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  // 入口文件

项目截图

读书页： bookTagContent

bookTagMoreContent

bookTypeContent

电影页： movieTagContent

movieTypeContent

音乐页： musicTagContent

同城活动页： cityActivity

搜索页： search

结语

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

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].