Building with RescriptRelay, a video series

1

I’m happy to introduce “Building with RescriptRelay”, an ongoing video series where we build a RescriptRelay web app using data from the GitHub GraphQL API.

RescriptRelay is a framework for using ReScript together with Relay, Meta’s GraphQL client. We’ll also be using RescriptRelayRouter, a web router built specifically for RescriptRelay.

The first 2 episodes are out, and they cover topics like:

  • Project setup
  • Lazy vs preloaded queries
  • Route level codesplitting + loading code and data in parallel (render-as-you-fetch)
  • Custom scalars and automatic conversion of them

You’ll find the videos here: https://www.youtube.com/watch?v=DmleG6V1_zE&list=PLKywXzxnMEX8cvGipbNx2tz0_4PTjIWcW

Have any questions, feedback, or ideas for things you’d like to see? Please hit me up and I’ll make sure to do follow up videos.

8 Likes
2

Episode 3 is out.

We do the following:

  • Create a new route with codesplitting and data preloading (render-as-you-fetch)
  • Reuse the components we’ve already built, using fragments
  • Create type safe links to our new route
  • Build out a now shared fragment component in isolation. Fragments and co-location means we can do that just by editing the component alone. No need to wire up any data or care where and in what routes that component is actually used, Relay takes care of that for us.

Shows how easy it is to evolve fragment components with no worry of breaking the rest of the app.

4 Likes
3

Another video out.

We cover:

  • The Node interface
  • How Relay uses suspense
  • How use suspense and Relay partial rendering to control route loading experience
  • How to use the Relay+React dev tools to work with suspense
2 Likes
4

So cool that you start covering the advanced parts too! Great job!

2 Likes
5

Next one is out. We go through all you need to know about doing pagination, and what connections really are.

2 Likes