• Stars
    star
    105
  • Rank 328,196 (Top 7 %)
  • Language
    JavaScript
  • License
    MIT License
  • Created about 8 years ago
  • Updated almost 2 years ago

Reviews

There are no reviews yet. Be the first to send feedback to the community and the maintainers!

Repository Details

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

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

More Repositories

1

conf-talks

GraphQL на русском — здесь много статей и видео об этой замечательной технологии.
JavaScript
673
star
2

lvovich

Склонение названий городов, определения пола по ФИО, склонения имен по падежам
TypeScript
667
star
3

graphql-rules-ru

67
star
4

webpack-plugin-graphql-schema-hot

🔥 Webpack plugin which tracks changes in your schema and generates its introspection in `json` and `txt` formats
JavaScript
66
star
5

mongoose-plugin-autoinc

Mongoose plugin that auto-increments any ID field on your schema every time a document is saved
JavaScript
63
star
6

wrike-graphql

Wrap REST API with GraphQL
TypeScript
37
star
7

example-apollo3

TypeScript
34
star
8

babel-plugin-transform-relay-hot

🔥 BabelRelayPlugin with hot reload
JavaScript
28
star
9

example-apollo2

TypeScript
25
star
10

module-federation-demo

JavaScript
20
star
11

graphql-typescript-boilerplate

TypeScript
14
star
12

mjml-with-images-loader

Converts MJML files with images to HTML and exports them as string or as Nodemailer config.
JavaScript
14
star
13

example-fragments-relay

TypeScript
11
star
14

migrating-from-mongoid-4-to-5

Non-official instruction for migration to Mongoid 5.0.0
5
star
15

graphql-workshop-ru

5
star
16

create-problem

yarn create problem
JavaScript
4
star
17

graphql-workshop-ua

GraphQL Workshop Kyiv (2019-05-11)
JavaScript
3
star
18

php-yandex-search

PHP
3
star
19

graphql-workshop-by

JavaScript
3
star
20

graphql-workshop-client-2020-02

ApolloClient 3, NextJS, SSR, TypeScript, GraphQL Subscriptions, graphql-code-generator
JavaScript
2
star
21

apollo-federation-test

JavaScript
2
star
22

nodkz.github.io

HTML
1
star
23

gatsby-remark-use-frontmatter-path

If markdown file has a relative url to another markdown file then url will be replaced by frontmatter path value.
TypeScript
1
star
24

jest_mocha_mongoose

Jest can not test mongoose
JavaScript
1
star
25

graphql-workshop-2019-11

TypeScript
1
star
26

lingui-express-middleware

TypeScript
1
star
27

kkb-epay

JavaScript
1
star
28

peek-moped

Take a peek into the Moped (Mongoid) commands made within your Rails application.
Ruby
1
star
29

sandbox-typegoose

TypeScript
1
star
30

boilerplate

Node GraphQL API Boilerplate
JavaScript
1
star