why does your React app load so slow? the reason might be "waterfalls"

Folks on this thread might be interested in checking out Relay, which solves this quite well (ie with good DX)

Want to build a Web3 app without all the overhead costs? Try TransactionKit, a React toolkit that makes building dApps easy. Integrate cutting-edge account abstraction features in just a few clicks. Try it today 👇

So the bigger question is- what’s your preferred method of pulling them out of the other components? Using something like zustand and storing the fetches in there and calling it at the top level and using selectors at the lower level?

The waterfall development method is bad. Don't let anyone tell you otherwise

its probably graphql

In nextjs app, I like approach with prefetchQuery on page.tsx with hydration boundary. That way I have paraller calls on server and just using them later on in components inside.

Slow loading in React can often be due to 'waterfall' requests, where one resource loads after another. To fix this, try code splitting and lazy loading components. This way, you can load only what's needed upfront, improving initial load times and user experience.

hmm, in php we have waterfalls on the server (which you now could have also with rsc), but i don't understand what all these last years were spa guys working on, if after 15 years of fw working hard on features, they start to slowly solve this

Prefetch. Prefetch prefetch prefetch

Can you add a code snippet for this case?

Bro, do u have a youtube channel?