https://github.com/drbragg/graphql-on-rails

playing around with GraphQL
https://github.com/drbragg/graphql-on-rails

Last synced: 10 days ago
JSON representation

playing around with GraphQL

• Host: GitHub
• URL: https://github.com/drbragg/graphql-on-rails
• Owner: DRBragg
• Created: 2018-04-17T22:58:01.000Z (over 6 years ago)
• Default Branch: master
• Last Pushed: 2018-04-17T22:59:22.000Z (over 6 years ago)
• Last Synced: 2024-11-09T01:45:47.638Z (2 months ago)
• Language: CSS
• Size: 586 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# GraphQL on Rails

![](./public/screenshot.png)

## Join our Slack

:point_right: [http://bit.ly/graphql-on-rails-slack](http://bit.ly/graphql-on-rails-slack)

## Tech Stack

* Ruby on Rails 5.2

* GraphQL 1.8

* Webpacker 3.4

* React 16.2

* React Apollo 2.1

## Creating the app from scratch

```

> brew install yarn

> gem install rails -v 5.2.0

> rails new graphql-on-rails --api --webpack=react

> cd graphql-on-rails

> bundle exec rails webpacker:binstubs --force

```

## Saving webpacker

```

> yarn

> ./bin/webpack-dev-server

The CLI moved into a separate package: webpack-cli.

Please install 'webpack-cli' in addition to webpack itself to use the CLI.

-> When using npm: npm install webpack-cli -D

-> When using yarn: yarn add webpack-cli -D

module.js:491

    throw err;

    ^

Error: Cannot find module 'webpack-cli/bin/config-yargs'

    at Function.Module._resolveFilename (module.js:489:15)

    at Function.Module._load (module.js:439:25)

    at Module.require (module.js:517:17)

    at require (internal/module.js:11:18)

    at Object. (graphql-on-rails/node_modules/webpack-dev-server/bin/webpack-dev-server.js:65:1)

    at Module._compile (module.js:573:30)

    at Object.Module._extensions..js (module.js:584:10)

    at Module.load (module.js:507:32)

    at tryModuleLoad (module.js:470:12)

    at Function.Module._load (module.js:462:3)

```

[https://github.com/rails/webpacker/issues/1295](https://github.com/rails/webpacker/issues/1295)

```

> yarn add webpack-cli -D

> ./bin/webpack-dev-server

graphql-on-rails/node_modules/webpack-dev-server/bin/webpack-dev-server.js:405

    throw e;

    ^

TypeError: Cannot read property 'compile' of undefined

    at addCompilerHooks (graphql-on-rails/node_modules/webpack-dev-server/lib/Server.js:71:15)

    at new Server (graphql-on-rails/node_modules/webpack-dev-server/lib/Server.js:81:5)

    at startDevServer (graphql-on-rails/node_modules/webpack-dev-server/bin/webpack-dev-server.js:398:14)

    at processOptions (graphql-on-rails/node_modules/webpack-dev-server/bin/webpack-dev-server.js:361:5)

    at Object. (graphql-on-rails/node_modules/webpack-dev-server/bin/webpack-dev-server.js:504:1)

    at Module._compile (module.js:573:30)

    at Object.Module._extensions..js (module.js:584:10)

    at Module.load (module.js:507:32)

    at tryModuleLoad (module.js:470:12)

    at Function.Module._load (module.js:462:3)

```

[https://github.com/rails/webpacker/issues/1303](https://github.com/rails/webpacker/issues/1303)

```

> yarn upgrade webpack-dev-server@^2.11.1

> ./bin/webpack-dev-server

```

## Starting the application

```

> bundle

> bundle exec rails s

```

## Adding react-router-dom

```

> yarn add react-router-dom

```

## Adding GraphiQL

```

> yarn add graphiql

```

## Adding models

```

> bundle exec rails g model user name:string

> bundle exec rails g model post user:references title:string description:string content:text

> bundle exec rake db:create db:migrate db:seed

```

## Adding GraphQL

```

> bundle exec rails generate graphql:install

```

## Adding Apollo Client

```

> yarn add apollo-boost

> yarn add react-apollo

```

## Adding Flow

```

> yarn add -D apollo-codegen

> yarn graphql

> yarn add -D babel-preset-flow

> yarn add -D flow-bin

> flow init

> yarn flow

```