Comments (8)
I have some interesting ideas around this, and actually have another library that helps with this (react-jobs
). Under the hood that library and this one both use react-tree-walker
so I am thinking allowing for an integration layer to exist between multiple libraries that use react-tree-walker
. In this way you could resolve multiple async units from either react-async-component
or react-jobs
and not have to worry about which one would get resolved first etc etc.
Stay tuned.
from react-async-component.
Interestingly though as you are returning a promise you could have a step within the promise chain that does data loading (e.g. a redux-thunk that returns a promise), before finally resolving the component.
This would be a pure react-async-component implementation then, but I haven't had time to play with this idea either.
from react-async-component.
Cool, thanks!
Will try both these ways.
from react-async-component.
@xmityaz let me know how you got on. It would be great to take your pain points under consideration for when I try out my solutions. 😀
from react-async-component.
I've switched to react-jobs
library. It actually more suitible for my project at this point and it works great. It would be great to see the combination of these two libraries throught.
I've also tried to solve my problem with data fetching in promise chain in react-async-component
, but it didn't work for me (unfortunatelly I don't remember the exact reason 🙂)
from react-async-component.
FYI to everyone, you don't need to use react-jobs
. You can provide your own implementation using the API provided by react-async-bootstrapper
. It will interop with this library. :)
from react-async-component.
@ctrlplusb can you give example of this together with async component? Atm we have separate await for data loading promises using custom hoc. Would like to see how this can be simplified
from react-async-component.
I have another problem with SSR and code split. I wonder if anybody else is seeing it?
So I did prerendering, and I have code splitting and I have <link rel="preload">
to speed up download of chunks. But the problem is that async component loading triggers redraw of pre-rendered content. Did you see something like this?
P.S. Full code here https://github.com/stereobooster/an-almost-static-stack, I use react-loadable, not react-async-component, but I suppose it will be the same for any "loadable" solution.
from react-async-component.
Related Issues (20)
- if more the one same async components are rendered in same page, only one will be rendered
- Chunk rendered in the server is requested in the client again HOT 1
- Need Help : How can I solve "System is not defined" HOT 5
- Error walking your react tree HOT 1
- No-match routes rendered during async loading HOT 1
- Combining with <link rel="prefetch" /> results in loading async components twice
- Upgrade to support react-async-bootstrapper 2
- App component rendered twice because of AsyncComponentProvider wrapper in RU
- Solved : Flashing LoadingComponent and render twice
- getErrors missing after migration to 2.0.0
- When used with react-hot-loader, async component gets stuck on the loader HOT 3
- Async component not rendering on directly open page
- Client error: Failed to resolve asyncComponent on Safari 11.1
- React.Children.only seems to fail on IE11 HOT 1
- Is it possible to load the async'd components from a custom URL? HOT 1
- Two same simultaneously async components HOT 5
- Informing about React.lazy() HOT 2
- Cannot read property 'helmetInstances' of undefined HOT 3
- migrate to New Context API
- Error async-component, state not reloaded after error
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-async-component.