Seamless GraphQL
in Rails and React Native

Morgan Laco

Jamon Holmgren

@morgancodes

@jamonholmgren

Cofounder & CTO

Infinite Red

React Native OSS core

Twitter: @jamonholmgren

Jamon Holmgren

@morgancodes

@jamonholmgren

Mobile Software Engineer

Infinite Red

Twitter: @morgancodes

Morgan Laco

@morgancodes

@jamonholmgren

Mobile / Web Design

React.js

React Native

AI/Machine Learning

Infinite Red

@morgancodes

@jamonholmgren

React Native Conference

Portland, Oregon

July, 2020

infinite.red/ChainReactConf

Chain React

@morgancodes

@jamonholmgren

Tools

@morgancodes

@jamonholmgren

  1. Rails

  2. GraphQL-Ruby (Rails generators & GraphQL endpoint)

  3. GraphQL schema

  4. mst-gql (generate MST models from GraphQL schema)

  5. MobX-State-Tree (state management -- like Redux, but better)

  6. React Native

  7. Ignite Bowser (boilerplate)

What we're building

@morgancodes

@jamonholmgren

Simple Rails app (posts) with GraphQL endpoint

Simple React Native app to view posts

Only one GraphQL schema!

πŸ™€ Live Coding! πŸ™€

@morgancodes

@jamonholmgren

Follow Along

Go to: git.io/JecEO

Demo

git.io/JecEO

Learn More

@morgancodes

@jamonholmgren

All the links!

@morgancodes

@jamonholmgren

Infinite Red Links

Website: infinite.red

Slack: community.infinite.red

Chain React: infinite.red/ChainReactConf

@morgancodes

@jamonholmgren

Jamon Holmgren

Twitter: @jamonholmgren

@morgancodes

@jamonholmgren

Morgan Laco

Twitter: @morgancodes

Thank You!

@morgancodes

@jamonholmgren

Ancient City Ruby 2019 - Seamless GraphQL in Rails and React Native

By Infinite Red

Ancient City Ruby 2019 - Seamless GraphQL in Rails and React Native

Morgan and Jamon's talk at ACR 2019 - Jacksonville Beach, Florida

  • 2,005