Async loading routes

Hello. What’s the best way to load a part of the routes definition on demand? For example, if app is big and code needs to be split - what’s the approach to load child routes and associated code on transition to that route, and after the route loaded wait for all children’s onActivate to resolve? Thanks!

[troch]

Ah OK I see. router5 doesn’t offer that kind of route matching (load and pray), it doesn’t need to. I believe react-router came to that solution because they needed to support code splitting, and they could only achieve it that way since with <Route /> you do two things: you register a route, and you map that route to a component. With router5, route registration is not tied to component mapping, so you can define all your possible URLs up-front and then let your view react to route changes.

I conceptually treat code-splitting the same way I treat data loading: I trigger component loading if needs be on a route change with a container component displaying a loading feedback during the time the required component is not available. Once it is available, it renders it.

[iotch]

thanks!