https://github.com/derekahn/rgr

React, GraphQL, & Relay
https://github.com/derekahn/rgr

axios events expressjs flux graphql mongodb react relay

Last synced: 3 months ago
JSON representation

React, GraphQL, & Relay

• Host: GitHub
• URL: https://github.com/derekahn/rgr
• Owner: derekahn
• Created: 2017-05-06T02:46:30.000Z (about 9 years ago)
• Default Branch: master
• Last Pushed: 2017-05-07T05:11:59.000Z (about 9 years ago)
• Last Synced: 2025-03-29T11:35:58.983Z (over 1 year ago)
• Topics: axios, events, expressjs, flux, graphql, mongodb, react, relay
• Language: JavaScript
• Homepage:
• Size: 721 KB
• Stars: 1
• Watchers: 0
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# rgr

Experimenting with React, GraphQL, flux, & Relay. With a bigger emphasis on GraphQL and Relay!

### Setup

```sh

# Install dependencies

$ yarn install

# NO YARN? 😢🐼! Alternative

$ npm i --no-progresss

# Start mongoDB

$ mongod

# Setup mongoDB

$ mongo

  > use links

  switched to db links

  > db.links.insert([{

     "title": "React.js Main Website",

     "url": "https://facebook.github.io/react/"

   }, {

     "title": "Relay.js Main Website",

     "url": "https://facebook.github.io/relay/"

   }, {

     "title": "GraphQL Main Website",

     "url": "https://facebook.github.io/graphql/"

   }, {

     "title": "GraphQL Org",

     "url": "http://graphql.org"

   }])

  WriteResult({ "nInserted": 4 })

```

### Run

```sh

# Runs babel-node on server/index.js

$ npm start

# Runs webpack watch in dev mode

$ npm run webpack

```

### GraphQL Goodness 😮

[graphiQL](http://localhost:3000/graphql)

### Architecture

```sh

├── README.md

├── client                * Front-end Application

│   ├── components        * React Views

│   │   └── Main.jsx

│   ├── index.jsx

│   └── store             * Flux things

│       ├── actions.js

│       ├── constants.js

│       ├── disptacher.js

│       └── index.js

├── package.json

├── public                * Webpack Bundle Output

│   ├── bundle.js

│   └── index.html

├── server                * API server

│   ├── db.js

│   ├── graphql.js

│   └── index.js

├── webpack.config.js

└── yarn.lock

```