GitPlanet

Cheap and reliable Node.js hosting starts at $3/month, and $1/month static HTML hosting

Created with love in Canada, visit hostnodejs.com today

Feel like to post an Ad? Learn Details
All Projects → nodkz → Relay Northwind App

nodkz / Relay Northwind App

Licence: mit
A complex React, Relay, GraphQL demo app. Online demo:

Programming Languages

javascript
184084 projects - #8 most used programming language

Labels

reactgraphqldemorelay

Projects that are alternatives of or similar to Relay Northwind App

Graphene
GraphQL framework for Python
Stars: ✭ 6,964 (+6596.15%)
Mutual labels:  graphql, relay
Learnrelay
Learn Relay - A comprehensive introduction to Relay (created by Graphcool)
Stars: ✭ 887 (+752.88%)
Mutual labels:  graphql, relay
Graphql Server Demo
GraphQL server demo with nodejs
Stars: ✭ 19 (-81.73%)
Mutual labels:  graphql, demo
Este
This repo is suspended.
Stars: ✭ 5,467 (+5156.73%)
Mutual labels:  graphql, relay
Rpg Boilerplate
Relay (React), Postgres, and Graphile (GraphQL): A Modern Frontend and API Boilerplate
Stars: ✭ 62 (-40.38%)
Mutual labels:  graphql, relay
Js Graphql Intellij Plugin
GraphQL language support for WebStorm, IntelliJ IDEA and other IDEs based on the IntelliJ Platform.
Stars: ✭ 686 (+559.62%)
Mutual labels:  graphql, relay
Graphql Config
One configuration for all your GraphQL tools (supported by most tools, editors & IDEs)
Stars: ✭ 883 (+749.04%)
Mutual labels:  graphql, relay
Graphql Crunch
Reduces the size of GraphQL responses by consolidating duplicate values
Stars: ✭ 472 (+353.85%)
Mutual labels:  graphql, relay
Graphql Query Test Mock
Easily mock GraphQL queries in your Relay Modern / Apollo / any-other-GraphQL-client tests.
Stars: ✭ 49 (-52.88%)
Mutual labels:  graphql, relay
Magiql
🌐 💫 Simple and powerful GraphQL Client, love child of react-query ❤️ relay
Stars: ✭ 45 (-56.73%)
Mutual labels:  graphql, relay
Graphqlbundle
This bundle provides tools to build a complete GraphQL server in your Symfony App.
Stars: ✭ 628 (+503.85%)
Mutual labels:  graphql, relay
Graphql Relay Js
A library to help construct a graphql-js server supporting react-relay.
Stars: ✭ 1,331 (+1179.81%)
Mutual labels:  graphql, relay
React App
Create React App with server-side code support
Stars: ✭ 614 (+490.38%)
Mutual labels:  graphql, relay
Adrenaline
Simple Relay alternative
Stars: ✭ 720 (+592.31%)
Mutual labels:  graphql, relay
Graphql Ruby
Ruby implementation of GraphQL
Stars: ✭ 4,931 (+4641.35%)
Mutual labels:  graphql, relay
Lighthouse Utils
An add-on to Lighthouse to auto-generate CRUD actions from types https://github.com/nuwave/lighthouse
Stars: ✭ 26 (-75%)
Mutual labels:  graphql, relay
React Starter Kit
React Starter Kit — front-end starter kit using React, Relay, GraphQL, and JAM stack architecture
Stars: ✭ 21,060 (+20150%)
Mutual labels:  graphql, relay
React Firebase Starter
Boilerplate (seed) project for creating web apps with React.js, GraphQL.js and Relay
Stars: ✭ 4,366 (+4098.08%)
Mutual labels:  graphql, relay
Relay Fullstack
☝️🏃 Modern Relay Starter Kit - Integrated with Relay, GraphQL, Express, ES6/ES7, JSX, Webpack, Babel, Material Design Lite, and PostCSS
Stars: ✭ 986 (+848.08%)
Mutual labels:  graphql, relay
Tkframework
react + relay + redux + saga + graphql + webpack
Stars: ✭ 83 (-20.19%)
Mutual labels:  graphql, relay
View All Similar Projects ➔

OUTDATED

If somebody somebody wants take care about this demo - please open an issue. And I'll grant your permissions. Thanks.

Northwind demo app (on Relay Modern)

This is a true story. The events depicted took place in Northwind in 1996-1998. At the request of the survivors, the names have been changed. Out of respect for the dead, the rest has been told exactly as it occurred. ©Fargo

This is application shown Component-Based approach on full power 💪💪💪.

Build using React, Relay Modern, GraphQL, React Router 4.

Live DEMO

Live GraphQL server DEMO

Internally implements many cool things:

  • Connections with infinite lists and filtering
  • Running Relay queries from component (not via routing)
  • Display loaders when fetching data
  • Build on top of graphql-compose auto-generated GraphQL schema from mongoose (MongoDB).
  • Eslint with GraphQL fragment validation, Webpack 3, Babel 7.
  • Static analysis with Flowtype
  • Many thanks to @taion for react-bootstrap

relay-northwind-app

Data models

This APP has 8 basic types, which has many cross-relations (via one-to-one, arrays, connections):

  • category
  • customer
  • employee
  • order
  • product
  • region
  • shipper
  • supplier

Previous Relay versions

Working example on Relay Classic can be found in classic branch, Relay Compat in compat branch.

About server-side (GraphQL + MongoDB)

GraphQL server source code (graphql-compose inside). Also you may find all data in JSON and CSV formats for your needs.

Thanks to

License

MIT

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].