Comments (5)
Nice catch! I’m pretty sure though that React itself gives no guarantees these will only be called once across suspends. See for example this issue.
from react-ssr-prepass.
Thanks @Ephem ! While that behavior is unfortunate, it sounds like it's the 'correct' behavior at the moment.
from react-ssr-prepass.
Yeah, it confused me at first too. 😀 It’s equally correct to memoize across suspends of course, so it’s definitely possible to implement this as an optimization!
from react-ssr-prepass.
This'd be nice, as it would allow executing and caching suspense promises on mount
from react-ssr-prepass.
@achung89 You should avoid caching suspense promises or other “global loading state” in a single component’s state. This may cause subtle bugs that are then hard to iron out. Chances are you may want to have a shared cache across context if you’re doing this, but of course, libraries exist to make it easier to handle fetching logic, although some don’t play nicely with suspense.
If you really need state across suspenses in react-ssr-prepass then maybe try using a ref. It’s worth noting though that React itself doesn’t usually preserve any state across suspense.
from react-ssr-prepass.
Related Issues (20)
- Throws "ReferenceError: setImmediate is not defined" in browser HOT 2
- Lib not rendering components in same order HOT 7
- React 17 RFC and future maintenance HOT 2
- Relationship to more "full-featured" SSR libraries? HOT 1
- Functional components HOT 5
- React 17 support HOT 1
- Provide ESM build HOT 1
- Compatible with apollo@3 hooks ? HOT 2
- using ssr-prepase after 1.3.0 react 17 HOT 3
- Example with vite-plugin-ssr HOT 4
- React 18 support useId
- Functional Components HOT 1
- Question: Some libraries cannot seemingly clear data in custom derivate...
- Potential bug with wrapped components?
- React 18 shim HOT 3
- v1.5.0 Missing from Github HOT 1
- Guard/check missing in areHooksInputEqual()?
- why HTML node showing empty or undefined? HOT 1
- Add useInsertionEffect to the dispatcher
- `Visitor` callback `element` argument is typed incorrectly in TypeScript
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from react-ssr-prepass.