zetavg / railsrelaytodomvc

TodoMVC demonstration of Rails + GraphQL + Relay

Rails + Relay TodoMVC

This project demonstrates to expose an Relay-compatible GraphQL API with graphql-ruby from an existing Rails app, and to build a React app with Relay which uses the GraphQL API.

Setup

bin/setup

Running

In development, you'll need to run bin/rails server with bin/webpack-dev-server to have the app/javascript/packs/*.js files be compiled as you make changes, and bin/relay-compiler if you change the GraphQL schema or any graphql tags in any JavaScript files.

If you'd rather not have to run the two processes separately by hand, you can use Foreman:

gem install foreman

foreman start

The default port of the Rails Server is 5000.

TODOs

• Refactor code
• Use cached data while switching the todo items filter (facebook/relay#2006 explains this behavior, needs to dig on more about GC of Relay Modern Store)
• Fix all optimistic updates
• Use Relay Subscriptions with Action Cable to do realtime update
• Resolve Rails n+1 query problem while executing an GraphQL query
• Let the user manage multiple todo lists
• Implement user authentication
• Build a React Native app with the same JavaScript codebase

railsrelaytodomvc's Issues

When Todo List filters are on, Todo items are not showing/disappearing when completed state changed

As the screenshot:

Resolve the problem of records created by the current user will be dulipacatilly insert by subscription

This won't affect the functionality but emits a warning:

Warning: flattenChildren(...): Encountered two children with the same key, `xxx`. Child keys must be unique; when two children share a key, only the first child will be used.

Setup Travis CI