Comments (5)
On face value they all have similarities, especially when dealing with client side only. However, I personally find that the real distinction between each solution becomes apparent when you are trying to execute server side rendering.
I haven't dived into each of them enough to give you an honest side by side comparison, however, I can say that with this library I fundamentally wanted to avoid having to configure a bunch of babel/webpack plugins when trying to do SSR.
I wanted a simple JS-only solution that would naturally work with the code splitting APIs that Webpack et al provide. To achieve this I had to lean on my react-tree-walker
library which essentially walks the react element tree (js object) that describes your react application and then resolves the code split bundles in preparation for a server side render or client side rehydrate.
This probably adds a slight overhead compared to other solutions that use babel/webpack code replacement magic. I would be really surprised if the overhead was anything significant though, and there is even this article that describes some of the speed gains they got when using this library. You'll also find some additional comments at the bottom of this article that discuss the various libraries.
My hope is by keeping my API "native" JS and not requiring anything too magical with babel/webpack this library will naturally evolve to be able to use any natural dynamic import
code that may be coming to servers/browsers.
If the above sounds like something that you would also appreciate then maybe this library is for you. However, if you want absolute blazing perf without any JS overhead for your server side renders then perhaps one of the other options is better for you. I would invite you to do your own research and find out which solution works best for you. ✌️
from react-async-component.
This will likely help:
from react-async-component.
That article seemed to be about some other components (that seem to encompass react-async-component and other stuff), not about react-async-component specifically. Would still like to see a more detailed comparison with react-loadable
Many devs unfortunately judge by stars and commit dates, so explaining why this is superior would be very helpful
Comparison with https://github.com/smooth-code/loadable-components would also be helpful.
from react-async-component.
yeah this one is awesome. I compared it with lyft/universal-async-component and this one won. Thanks for the library!
from react-async-component.
Totally sold on:
My hope is by keeping my API "native" JS and not requiring anything too magical with babel/webpack
Well, that and this project you can actually open issues on.
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.