https://github.com/gauravtiwari/relay-rails-blog

A graphql, relay and standard rails application powered demo weblog. We are using Graphql server and relay for our react component data needs.
https://github.com/gauravtiwari/relay-rails-blog

graphql graphql-ruby rails relay

Last synced: about 1 month ago
JSON representation

A graphql, relay and standard rails application powered demo weblog. We are using Graphql server and relay for our react component data needs.

• Host: GitHub
• URL: https://github.com/gauravtiwari/relay-rails-blog
• Owner: gauravtiwari
• Created: 2015-10-30T19:59:30.000Z (over 8 years ago)
• Default Branch: master
• Last Pushed: 2017-03-06T18:57:07.000Z (about 7 years ago)
• Last Synced: 2024-01-27T11:45:39.673Z (4 months ago)
• Topics: graphql, graphql-ruby, rails, relay
• Language: Ruby
• Homepage: https://relay-rails-blog.herokuapp.com/
• Size: 1.06 MB
• Stars: 140
• Watchers: 5
• Forks: 18
• Open Issues: 4
• Metadata Files:
  • Readme: readme.md

Lists

• awesome-graphql - relay-rails-blog - A graphql, relay and standard rails application powered demo weblog. (Implementations / Ruby)
• awesome-graphql - relay-rails-blog - A graphql, relay and standard rails application powered demo weblog. (Examples / Ruby Examples)
• awesome-graphql - relay-rails-blog - A graphql, relay and standard rails application powered demo weblog. (Examples / Ruby Examples)
• awesome-graphql - relay-rails-blog - A graphql, relay and standard rails application powered demo weblog. (Examples / Ruby Examples)
• Open-Source-Ruby-and-Rails-Apps - relay-rails-blog - A graphql, relay and standard rails application powered demo weblog. 👴 ✅ (Happy Exploring 🤘)
• awesome-graphql - relay-rails-blog - A graphql, relay and standard rails application powered demo weblog. (Examples / Ruby Examples)
• awesome-graphql - relay-rails-blog - A graphql, relay and standard rails application powered demo weblog. (Examples / Ruby Examples)

README

        
### Demo blog application powered by Rails, react, graphql and Relay.

This blog is an exploration exercise to understand two new technologies - GraphQL and Relay. We are using standard rails application together with webpack for handling front-end dependencies.

### Status

Application supports reading and creating data from and on server using GraphQL.

# Tutorial:

1. **Introduction:** https://medium.com/@gauravtiwari/graphql-and-relay-on-rails-getting-started-955a49d251de

2. **Part1:** https://medium.com/@gauravtiwari/graphql-and-relay-on-rails-creating-types-and-schema-b3f9b232ccfc#.6micmekh2

2. **Part2:**

https://medium.com/@gauravtiwari/graphql-and-relay-on-rails-first-relay-powered-react-component-cb3f9ee95eca#.ssisfzsm0

3. **Part3:**

https://medium.com/@gauravtiwari/graphql-and-relay-on-rails-dynamic-component-rendering-2be4e208ef92#.gvw5kevg1

4. **Part4**

https://medium.com/@gauravtiwari/graphql-and-relay-on-rails-authentication-and-authorisation-f7c07ebb47b3#.2y1h14x2p

4. **Part5** - Integrating Webpack with `react-on-rails`

https://medium.com/@gauravtiwari/graphql-and-relay-on-rails-moving-to-webpack-9c6a420b4eea#.60z7xg1j0

5. **Final** - Wrap up

https://medium.com/@gauravtiwari/graphql-and-relay-on-rails-wrap-up-500c67522cd2#.gt0b65fa7

#### Current features

* List posts

* List comments of the posts

* Infinite Scroll - posts and comments

* Show author info, votes and comments count

* Mutations to create comments and votes

* Edit and Update comments

* Create and Delete posts

* Add a react native app [https://github.com/gauravtiwari/graphql-blog-mobile](https://github.com/gauravtiwari/graphql-blog-mobile)

### Demo Links

* [Demo blog](https://relay-rails-blog.herokuapp.com/)

* [Demo Sinatra powered client](https://github.com/gauravtiwari/graphql-sinatra-erb)

### Resources

* [Facebook Relay](https://facebook.github.io/relay/): Official relay docs

* [GraphQL](http://facebook.github.io/graphql/): Official GraphQL spec

* [graphql-ruby](https://github.com/rmosolgo/graphql-ruby) & [graphql-relay-ruby](https://github.com/rmosolgo/graphql-relay-ruby): For defining GraphQL schema and Relay implementation in Ruby GraphQL classes, and getting Rails to speak GraphQL.

* ```Webpack```: Module loader

### TODOs

* Explore Relay subscriptions to hook it with ActionCable [http://graphql.org/blog/subscriptions-in-graphql-and-relay/](http://graphql.org/blog/subscriptions-in-graphql-and-relay/)

### Running locally

To run the application, please just clone the repo and run it like so:

```

git clone [email protected]:gauravtiwari/relay-rails-blog.git

cd relay-rails-blog

bundle install

npm install

./start (from terminal). If you get permission error, just do chmod 777 start

```