Practical Front-End Architecture

Re:Practical Front-End Architecture by jaredgorski on Tuesday September 21, 2021 @11:20AM (#28605914)

I’d love to hear more about your experience with that “with-apollo” pattern. I decried it without using it first, but I see the problem as a coupling/cohesion imbalance.

What has it looked like in practice for you?

[ Parent | on HN ]

Re:Practical Front-End Architecture by andrewingram on Tuesday September 21, 2021 @11:49AM (#28606256)

I've mostly used the Relay examples as a starting point, though they've generally need to be fixed up to avoid some bugs. In the olden days of getInitialProps (still available as an API, but its use isn't actively encouraged) things were easier and more elegant, getServerSideProps and getStaticProps both force things to be a little uglier.

For my older (getInitialProps) approach, you can see a rough example here: https://gist.github.com/AndrewIngram/e974f63160af9df292fc39e...

Look at the last file (PostDetail.jsx) to see what it's like using GraphQL as part of a page (PostLayout isn't defined here, but assume it's just a regular React component using Relay's useFragment hook).

[ Parent | on HN ]