Skip to content

Instantly share code, notes, and snippets.

Show Gist options
  • Star 176 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save kamleshchandnani/9b3013b4c10c46e968ce1252f801dfb1 to your computer and use it in GitHub Desktop.
Save kamleshchandnani/9b3013b4c10c46e968ce1252f801dfb1 to your computer and use it in GitHub Desktop.
Progressive loading for modern web applications via code splitting!


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.

@himadridev
Copy link

himadridev commented Aug 22, 2017

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

@siddharthkp
Copy link

Super helpful! Starred!

@krunalmaniar13
Copy link

Very helpful article

@pankajmaru2017
Copy link

Nice

@anirban2015
Copy link

✌✌

@aksingla009
Copy link

Very helpfull. Waiting for upcoming presentations

@nishjh07
Copy link

Very helpful.

@whilelucky
Copy link

Hope this gets through!

@nitin42
Copy link

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