Instantly share code, notes, and snippets.

Embed
What would you like to do?
Progressive loading for modern web applications via code splitting!


Talk link

This is a CFP for ReactiveConf open call for lightning talks. If you'd like to see this talk become a reality, please ⭐️ star this gist. #ReactiveConf

If you're on your phone, please request the 🖥 desktop site to star this gist 😇


Are your users tired of waiting when your app is loading and they close the tab? Let’s fix it with the progressive loading!

Large apps don't want to carry all the code in one JS bundle.

Code splitting is a Webpack feature that allow you to split your app into several parts. One core part loads first, the rest is loaded on demand in smaller parts.
 

The idea of Progressive Loading is very simple:

  1. Make “initial load” as fast as possible.
  2. Load UI components only when they are required.
     

What you can expect to see

  • How to split your code?
  • Setting up Webpack and React Router within 10 minutes to achieve Progressive Loading!  

About the author

I have been involved in creating huge Enterprise Applications where most of the end users work in remote areas with flaky or no internet connections. I spend most of the time to optimize the load time so that the application meets a respectable bar for web performance under emulated mobile conditions.

@iamhimadri

This comment has been minimized.

iamhimadri commented Aug 22, 2017

Always learnt from Kamlesh's presentation and talk. Hope to see you again on stage.

@siddharthkp

This comment has been minimized.

siddharthkp commented Aug 23, 2017

Super helpful! Starred!

@krunalmaniar13

This comment has been minimized.

krunalmaniar13 commented Aug 23, 2017

Very helpful article

@pankajmaru2017

This comment has been minimized.

pankajmaru2017 commented Aug 23, 2017

Nice

@anirban2015

This comment has been minimized.

anirban2015 commented Aug 26, 2017

✌✌

@aksingla009

This comment has been minimized.

aksingla009 commented Aug 31, 2017

Very helpfull. Waiting for upcoming presentations

@nishjh07

This comment has been minimized.

nishjh07 commented Aug 31, 2017

Very helpful.

@lakshyaranganath

This comment has been minimized.

lakshyaranganath commented Sep 17, 2017

Hope this gets through!

@nitin42

This comment has been minimized.

nitin42 commented Sep 17, 2017

Interesting! Good luck

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment