question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

react-loadable compatibility component

See original GitHub issue

🚀 Feature Proposal

For easier migrating from react-loadable this library can offer a Loadable HoC that wraps error handling, timeout and retries automatically. This component should conform to react-loadable API so users can easily switch to this component by simply aliasing the dependencies.

Motivation

To migrate our large repo we had to do a large refactoring change. We also lost automatic handling of timeouts and retry functionality. We had a global <Loading /> component that was consuming react-loadable props.

Pitch

This will make adopting the component framework super easy

Issue Analytics

  • State:closed
  • Created 4 years ago
  • Reactions:2
  • Comments:10 (2 by maintainers)

github_iconTop GitHub Comments

2reactions
gregbergecommented, Jul 1, 2019

Maybe the complexity does not worth it. Also the API provided by React Loadable is not in the philosophy of React. For example, errors should be handled with Error Boundaries (as React.lazy), so it does not encourages good practices.

After thinking, I am not 100% against a react-loadable compat library but I will not maintain it. Feel free to create another project.

1reaction
pvenegasgcommented, Jun 27, 2019

@mohsen1 Im getting the same error as @theKashey and it happens when im trying to navigate directly into a loadable route. This not happens if I navigate using the UI of my app.

Read more comments on GitHub >

github_iconTop Results From Across the Web

Frequently Asked Questions - Loadable Components
Which browsers are supported? ... Loadable Components supports the same set of browsers as the current React version. ... Evergreen browsers include Chrome...
Read more >
react-loadable compatibility component · Issue #369 - GitHub
loadable -components has one implementation - it transforms imports only inside loadable . To solve a problem of this issue all imports has...
Read more >
react-loadable - npm
A higher-order component that allows you to load multiple resources in parallel. Loadable.Map's opts.loader accepts an object of functions, and ...
Read more >
Loadable-components NPM - npm.io
Loadable Components makes it possible to use that awesome feature with React. It is compatible with react-router and server side rendering.
Read more >
An introduction to Webpack Code-Splitting, Loadable ...
The React team recommend @loadable/component as a third party solution that does support SSR and is production ready. It can be used with...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found