• Stars
    star
    105
  • Rank 317,842 (Top 7 %)
  • Language
    JavaScript
  • License
    MIT License
  • Created over 7 years ago
  • Updated over 1 year 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

mongodb-memory-server

Spinning up mongod in memory for fast tests. If you run tests in parallel this lib helps to spin up dedicated mongodb servers for every test file in MacOS, *nix, Windows or CI environments (in most cases with zero-config).
TypeScript
2,464
star
2

conf-talks

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

lvovich

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

graphql-rules-ru

67
star
5

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
6

mongoose-plugin-autoinc

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

wrike-graphql

Wrap REST API with GraphQL
TypeScript
37
star
8

example-apollo3

TypeScript
34
star
9

babel-plugin-transform-relay-hot

🔥 BabelRelayPlugin with hot reload
JavaScript
28
star
10

example-apollo2

TypeScript
25
star
11

module-federation-demo

JavaScript
20
star
12

graphql-typescript-boilerplate

TypeScript
14
star
13

mjml-with-images-loader

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

example-fragments-relay

TypeScript
11
star
15

migrating-from-mongoid-4-to-5

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

graphql-workshop-ru

5
star
17

create-problem

yarn create problem
JavaScript
4
star
18

graphql-workshop-ua

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

php-yandex-search

PHP
3
star
20

graphql-workshop-by

JavaScript
3
star
21

graphql-workshop-client-2020-02

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

apollo-federation-test

JavaScript
2
star
23

nodkz.github.io

HTML
1
star
24

jest_mocha_mongoose

Jest can not test mongoose
JavaScript
1
star
25

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
26

graphql-workshop-2019-11

TypeScript
1
star
27

peek-moped

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

lingui-express-middleware

TypeScript
1
star
29

kkb-epay

JavaScript
1
star
30

sandbox-typegoose

TypeScript
1
star
31

boilerplate

Node GraphQL API Boilerplate
JavaScript
1
star