Notes

Relay

I’m known in open source mostly by my Relay contributions

I’m also know because of react-native contributions

Relay is a data fetching that scales, it let you declare which data each components needs, and it will get the data for you

Relay only works with GraphQL server, it has this hard requirements to make it possible to achieve their goals

Relay is made by Facebook and they work close to React team

I’m generating content about Relay since the beginning as the docs are “hard” to follow

My first contributions was most blog posts in medium, then I’ve made a bigger relay modern course that was more a set of slides.

React Europe invited me to give a workshop about new Relay apis, so relay workshop is a set of 12 exercises that teach most of the Relay concepts in a practical way building a social network.

I also gave a lighting talk about Relay concepts in less then 10 minutes

https://github.com/sibelius/relay-modern-course

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

Relay Concepts React Europe - https://www.youtube.com/watch?v=FszbrKybdOY

Community

Colocation : Relay colocate data besides component

Linked from
  • OpinionatedOne thing is said to be opinionated when it has made some assumptions, and require you to follow some predefined conventions Opinionated tools make easier to beginners Defer your…
  • Page based pagination with ConnectionsThere are no public examples of doing paged based pagination with Connection in Relay Page based is a very common pattern in business apps, so it should be easy in Relay. Artsy…
Links to
  • CommunityCommunities are a group of people that keep together for some reasons I've helped build the React Brasil community I've started creating a new meetup about react native sp I've…
Shares tags with
  • A mock GraphQL serviceThe idea is a simple Koa server that receives the schema.graphql in a body applies the mocks to it, and return a given query app.use(getSchemaFromBody()) app.use(graphql()) here…
  • What people get wrong about RelayNode interface Connections Data components fragments vs queries where the data is stored (not in graphql operation, but in relay store) how to understand store
  • Architecture of Open Source
  • Core APIBuilding Block Core API of any package should be very tiny A tiny API is easier to reason about it A tiny API is easier to maintain A tiny API is easier to learn Add extensions…
  • Global StateRedux single immutable atom for the whole UI hard to code split hard to optimize Selector: useSelector Recoiljs multiple immutable atoms for the UI it works with sync and async…

Sign in with GitHub to reply.

Select any passage to quote it.

Comments