React GraphQL Koa仿Pinterest手机端

zsirfs 发布于2019-08-22 16:13 / 2913人阅读

摘要：客户端使用服务端使用欢迎加在线预览在线预览启动默认是连接远程服务器的，以下连接本地的服务安装更改里连接地址。并更改里的常量为运行文件目录

客户端使用React + ApolloClient + GestaltUI

服务端使用Koa2 + GraphQL + Mongoose

github 欢迎加⭐

https://github.com/tzuser/react-graphql

在线预览

在线预览

API

启动

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

服务器托管云服务器 GraphQL Pinterest pinterest网站手机端

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/94151.html

react技术栈仿App版网易云音乐

摘要：本来没打算写网易云音乐的，好像都已经被大家写烂了，不过没办法，暂时想不到其他的可写，加上网易云音乐又有，还可以基于做一层的处理再提供给前端调用，然后才决定用写了这个仿版网易云音乐技术栈实现的功能发现页我的电台页侧边栏歌单内页电台内 react-music 本来没打算写网易云音乐的，好像都已经被大家写烂了，不过没办法，暂时想不到其他的可写，加上网易云音乐又有API，还可以基于restfu...

_Zhao 2019-08-22 17:33 评论0 收藏0
2019 简易Web开发指南

摘要：工具软件欲先攻其事必先利其器，用好工具是做好开发的基础。框架目前最流行简单易用，越来越多人用曾经很流行，现在有点衰退状态管理后端渲染开发工具依赖管理，应用打包，任务管理，编辑器扩展，，移动端有了前端的知识后，我们还可以开发手机。 2019年即将到来，各位同学2018年辛苦了。不管大家2018年过的怎么样，2019年还是要继续加油的！在此我整理了个人认为在2019仍是或者将成为主流的...

vspiders 2019-05-28 17:11 评论0 收藏0
王下邀月熊_Chevalier的前端每周清单系列文章索引

摘要：感谢王下邀月熊分享的前端每周清单，为方便大家阅读，特整理一份索引。王下邀月熊大大也于年月日整理了自己的前端每周清单系列，并以年月为单位进行分类，具体内容看这里前端每周清单年度总结与盘点。感谢王下邀月熊_Chevalier 分享的前端每周清单，为方便大家阅读，特整理一份索引。王下邀月熊大大也于 2018 年 3 月 31 日整理了自己的前端每周清单系列，并以年/月为单位进行分类，具...

2501207950 2019-08-22 14:53 评论0 收藏0