- 客户端使用React + ApolloClient + GestaltUI
- 服务端使用Koa2 + GraphQL + Mongoose
github 欢迎加⭐
https://github.com/tzuser/react-graphql
在线预览
启动
cnpm install npm run start
默认是连接远程服务器的,以下连接本地的服务
- 安装mongodb
- 更改
server/db.js
里let db=mongoose.connect('mongodb://web:wysj3910@127.0.0.1:27017/web')
连接地址。 - 并更改
src/public.js
里的 HOST 常量为http://localhost:8181
- 运行
npm run server
文件目录
├── index.ejs ├── package.json ├── README.md ├── server │ ├── db.js │ ├── graphql │ │ ├── APIError.js │ │ ├── comment.js │ │ ├── file.js │ │ ├── formatError.js │ │ ├── main.js │ │ ├── post.js │ │ ├── public.js │ │ └── user.js │ ├── index.js │ ├── render.js │ └── server.js ├── src │ ├── actions │ │ ├── config.js │ │ ├── photo.js │ │ └── public.js │ ├── Components │ │ ├── AddPhoto.jsx │ │ ├── Footer.jsx │ │ ├── FooterNavLink.jsx │ │ ├── HeaderContainer.jsx │ │ ├── Header.jsx │ │ ├── HiddenFooter.jsx │ │ ├── IconButton.jsx │ │ ├── ListButton.jsx │ │ ├── PageLoading.jsx │ │ ├── PostList.jsx │ │ ├── Scroll.jsx │ │ └── Tabs.jsx │ ├── constants.js │ ├── Containers │ │ ├── App.jsx │ │ ├── Comments.jsx │ │ ├── Create.jsx │ │ ├── Find.jsx │ │ ├── Home.jsx │ │ ├── Join.jsx │ │ ├── Login.jsx │ │ ├── MoreLikes.jsx │ │ ├── Notice.jsx │ │ ├── Post.jsx │ │ ├── User.jsx │ │ ├── UserLikes.jsx │ │ └── UserPosts.jsx │ ├── index.js │ ├── Module │ │ ├── MaterialUIServiceRendering.js │ │ └── PWS.js │ ├── public │ │ ├── Global.js │ │ ├── Theme.js │ │ └── tool.js │ ├── public.js │ ├── reducers │ │ ├── config.js │ │ ├── index.js │ │ └── loads.js │ ├── static │ │ ├── favicon.ico │ │ ├── logo.png │ │ └── manifest.json │ └── store.js ├── static │ ├── default.jpg │ ├── favicon.ico │ ├── logo.png │ └── manifest.json ├── webpack.build.js └── webpack.dev.js