Giter VIP home page Giter VIP logo

react-graphql's Introduction

React+Graphql

  • 客户端使用React + ApolloClient + GestaltUI
  • 服务端使用Koa2 + GraphQL + Mongoose

在线预览

个人 详情

启动 链接远程服务

cnpm install
npm run origin

默认是连接远程服务器的,以下连接本地的服务

  1. 安装mongodb
  2. 更改 server/db.jslet db=mongoose.connect('mongodb://web:[email protected]:27017/web') 连接地址。
  3. 并更改 src/public.js 里的 HOST 常量为 http://localhost:8181
  4. 运行 npm run build
  5. 运行 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

react-graphql's People

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.