sibs-projects/relay-modern-course

Relay Modern Course

Notice

For the new Relay hooks API + suspense check https://github.com/sibelius/relay-workshop Relay Workshop has also a set of practical exercises that will make you learn more

Relay Modern

Companion slides to the Relay Modern Course

How to check it out

Go here: https://relay-modern-course.now.sh/packages/

How to run it?

See package.json, there is one yarn script for each lesson

yarn setup is first one

yarn simulated-defer is the last one for now

Are there videos to accompany the slides?

Not yet, if I receive enough donations to buy a microphone I will record the course.

Those who donate will receive the course for free.

This is a course for a web client, is there a default server to be used with it?

Yes! Thanks to docker-compose you can get a server up and running easily!

Just go here: https://github.com/BigsonLvrocha/relay-modern-typescript-server and follow the instructions in the README.

Workshop

Did you like this course?

I gave a workshop with more modern Relay features and Render as You Fetch pattern on React Europe (https://twitter.com/reacteurope/status/1194908997452795904?s=21)

React Europe Demo https://react-europe-relay-workshop.now.sh/

React Europe Live Demo Youtube Video https://twitter.com/ReactEurope/status/1227924163714830337

If you are interested in a workshop like this for you company (React, React Native, GraphQL, Relay), send me an email here: [email protected]

Workshop Link https://github.com/sibelius/relay-workshop

Donation

Become a Patron!

https://www.patreon.com/sibelius

relay-modern-course's Issues

migrate to mdx-deck v2

codesandbox examples

it is still broken codesandbox/codesandbox-client#1604

08f-network-observable is not working

add missing content slides

vote on the topic that you want to me to cover first

https://most-voted.netlify.com/?issueUrl=https%3A%2F%2Fgithub.com%2Fsibelius%2Frelay-modern-course%2Fissues%2F5

yarn publish:deck fails

yarn run v1.12.3
$ yarn build && yarn copy:static && gh-pages -d dist
$ mdx-deck build src/deck.mdx
[mdx-deck] building
[mdx-deck] rendering static html
webpack:///../node_modules/mdx-deck/dist/entry.js?:65
var mod = webpack_require(!(function webpackMissingModule() { var e = new Error("Cannot find module '/Users/jabur/foton/relay-modern-course/src/deck.mdx'"); e.code = 'MODULE_NOT_FOUND'; throw e; }()));
^

Error: Cannot find module '/Users/jabur/foton/relay-modern-course/src/deck.mdx'
at webpackMissingModule (webpack:///../node_modules/mdx-deck/dist/entry.js?:65:75)
at eval (webpack:///../node_modules/mdx-deck/dist/entry.js?:65:201)
at Object.../node_modules/mdx-deck/dist/entry.js (/Users/jabur/foton/relay-modern-course/dist/TEMP/App.js:371:1)
at webpack_require (/Users/jabur/foton/relay-modern-course/dist/TEMP/App.js:30:30)
at /Users/jabur/foton/relay-modern-course/dist/TEMP/App.js:94:18
at /Users/jabur/foton/relay-modern-course/dist/TEMP/App.js:97:10
at webpackUniversalModuleDefinition (/Users/jabur/foton/relay-modern-course/dist/TEMP/App.js:3:20)
at Object. (/Users/jabur/foton/relay-modern-course/dist/TEMP/App.js:10:3)
at Module._compile (internal/modules/cjs/loader.js:707:30)
at Object.Module._extensions..js (internal/modules/cjs/loader.js:718:10)
error Command failed with exit code 1.

it's broken

04-fragments is not opening

The item 04-fragments is not opening.

Link: https://relay-modern-course.now.sh/packages/04-fragments/

Broken Link

website returning 404 error.

monorepo workspaces

it would be easy to manage and deploy

videos

• record videos for slides

let me know if you want to record videos in your language, I can help

Styling

Blue text on a black background is a nightmare, doubly so since I leave my blue filter on 24/7. I don't know how pervasive it is, since I just started reading these, but below is a link to the first offense. Chances are it's just using the standard blue for a URL.

https://relay-modern-course.now.sh/packages/01-setup/#10.2

fix npm scripts

use yarn workspaces

deploy all slides

depends on #1

use now to deploy all packages

investigate gatsby-themes

https://github.com/jxnblk/mdx-deck/tree/master/packages/gatsby-theme

this could make it easy to run all decks at once

page view analytics

i18n

translate in more languages

• react-i18next
• i18next-scanner