If you’ve used React and Flux, you’ll know how powerful this combination is when
building single page applications. But how practical is it when building truly
large scale applications with multiple sections? An issue with client-rendered single
page applications is the long initial loading times, which is particularly
noticeable in a multi-page applications, where there is a lot of content to load.
Another issue is with search engine optimisation, as web crawlers have issues
getting information from these applications. I will be discussing both of these
in more detail later.
I thought it would be interesting to attempt to build a single page application
which behaves like a multi-page
application, in a way that would
make scaling it a breeze. I wanted to avoid the ‘load everything at launch’ approach
of many single page applications and integrate lazy loading
into the app,
which allows the client to load the components, styles for those components, and
relevant Redux reducers (or stores in flux) on demand, as the user traverses around
the site, massively reducing the initial load time of the application.
Technologies to include
I wanted to see how well an isomorphic React framework plays with other technologies,
meaning how easy it is to incorporate other technologies into the application. I
think this is an important gauge of how...(Read whole news on source site)