React Relay App

A react client application communicating with lumen using GraphQL + Relay
Alternatives To React Relay App
Project NameStarsDownloadsRepos Using ThisPackages Using ThisMost Recent CommitTotal ReleasesLatest ReleaseOpen IssuesLicenseLanguage
React Starter Kit21,922154 days ago23March 07, 20165mitTypeScript
The web's most popular Jamstack front-end template (boilerplate) for building web applications with React
Parse Server20,2601,1408918 hours ago220September 20, 2022403apache-2.0JavaScript
Parse Server for Node.js / Express
Relay17,7631,5402275 days ago2,790September 23, 2022525mitRust
Relay is a JavaScript framework for building data-driven React applications.
Awesome Graphql13,998
a month ago
Awesome list of GraphQL
Postgraphile11,94876996 days ago156May 25, 202266mitTypeScript
Execute one command (or mount one Node.js middleware) and get an instant high-performance GraphQL API for your PostgreSQL database!
Graphql9,1341482722 months ago21August 21, 2021206mitGo
An implementation of GraphQL for Go / Golang
Graphene7,6826831555 days ago94May 30, 2022120mitPython
GraphQL framework for Python
4 years agomitTypeScript
This repo is suspended.
Graphql Ruby5,2318861685 days ago269September 08, 202285mitRuby
Ruby implementation of GraphQL
React Firebase Starter4,45725 months ago25July 22, 2016135mitJavaScript
Boilerplate (seed) project for creating web apps with React.js, GraphQL.js and Relay
Alternatives To React Relay App
Select To Compare

Alternative Project Comparisons

React client application + Relay Modern

This project was bootstrapped with Create React App and after ejection its been integrated with Flow, GraphQL & Relay. All tests during development been running against an API Laravel Lumen server .

Server code its here: React-Lumen-Boilerplate



This isn´t a production package, its been built from scratch using minimum plugins, trying to avoid the hidden magic good packages provide, self teach getting hands dirty with code, hopefully will help others and will save you time learning GraphQL in a pure Relay Modern environment.

  • Todo CRUD its taken from RelayJS-examples, and lumen backend has been prepared to be able to serve the endpoints the Todo CRUD needs. Might not be the best approach but its a good way to see how both world work together.
  • The Auth uses Laravel Passport to generate tokens, based on the Personal Access Tokens functionality Passport provides out of the box.
  • No fetch, no Axios this is a pure Relay example thus this has no need to use any other network framework.
  • No Redux as Relay has its own personal storage. pending


Clone or download the repo to your working environment-

git clone [email protected]:kikoseijo/react-relay-app.git

Using the console navigate to the project working root directory

cd react-relay-app

Install dependencies, you can use NPM or Yarn, its your choice-

yarn install

You will need a GraphQL server to work with, you can try the Lumen boilerplate that will respond to all the demo endpoints.

yarn run relay # will generate the necessary files for "**Relay Modern**" to work.


Other libraries

Development libraries

Available commands

You can use npm or yarn, its your choice.

Commands Descriptions
yarn start starts application under development environment
yarn build builds application ready for production
yarn schema Will download db schema from configured server .graphqlconfig
yarn gen Generates compiled GraphQL to the __generated__ folders
yarn db yarn schema && yarn gen with a single command
yarn playground GraphQL playground, on port 3003
yarn pretty It does pretty things, called when pushing code trough git


This is what i consider the minimum features this package should have to help you start working with Relay.

  • [x] Integrate with Laravel Lumen using laravel-graphql
  • [x] Token based Auth with Laravel Passport
  • [x] Integrate Bootstrap v4, SASS
  • [x] Implement HashRouter for github pages
  • [x] Full CRUDs
  • [ ] Optimize rendering user experience
  • [ ] Fix fake mutations on todo demo against server
  • [ ] Implement local & server form validation
  • [ ] Implement Relay paginations
  • [ ] ...

Credits, is a software development company from Málaga, Spain. We provide quality software based on the cloud for local & international companies, providing technology solutions with the most modern programming languages.

DevOps Web development
Custom App Development Mobile aplications
Social Apps and Startups Residents mobile application
Graphic designer Freelance senior programmer

Created by Kiko Seijo
Popular Relay Projects
Popular Graphql Projects
Popular Application Programming Interfaces Categories

Get A Weekly Email With Trending Projects For These Categories
No Spam. Unsubscribe easily at any time.