A simple web app that demonstrates usage of Relay
and GraphQL
. Supported by back end that uses PostgreSQL
to store main data and Neo4j
for graph-like relations between models.
React
: for front end UIReact Router v6
: Latest version of react-router that supports render-as-you-fetch patternRelay
: front end GraphQL libraryantd
: UI frameworkgraphql-yoga
: GraphQL server frameworktypeorm
: ORM to access data in Postgres databaseneo4j-driver
: Official Node.js driver of Neo4j graph databaseTypeScript
for both back and front ends: static typing makes your life easier in the long run
render-as-you-fetch
pattern: checkroutes/index.tsx
to see how data loading starts even before rendering route begins.Real-time subscriptions
Cursor-based paginations
per Relay's server specCode-splitting
. Note that for code-split routes, data loading begins simultaneously with split chunk asset loading.Bundle analysis
: Runnpm run build
, thennpm run analyze
to see how your bundles are created.