Skip to content

Instantly share code, notes, and snippets.

@kamleshchandnani

kamleshchandnani/reactiveconf-2017-progressive-loading-cfp.md

Last active June 29, 2020 08:22
Show Gist options

  • Select an option

    Learn more about clone URLs
  • Save kamleshchandnani/9b3013b4c10c46e968ce1252f801dfb1 to your computer and use it in GitHub Desktop.

Select an option

Learn more about clone URLs
Save kamleshchandnani/9b3013b4c10c46e968ce1252f801dfb1 to your computer and use it in GitHub Desktop.
Download ZIP

Revisions

  1. kamleshchandnani revised this gist Nov 14, 2017. 1 changed file with 3 additions and 0 deletions.
    3 changes: 3 additions & 0 deletions reactiveconf-2017-progressive-loading-cfp.md
    View file
    Original file line number Diff line number Diff line change
    @@ -3,6 +3,9 @@
    </p>
    <br/>

    [Talk link](https://youtu.be/X9iqnovPGyY?t=4h35m50s)
    -----

    This is a CFP for [ReactiveConf](http://www.reactiveconf.com/) open call for [lightning talks](https://blog.reactiveconf.com/open-call-for-reactiveconf-lightning-talks-2017-a4f5394e5f96). 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 😇
  2. kamleshchandnani revised this gist Aug 21, 2017. 1 changed file with 4 additions and 0 deletions.
    4 changes: 4 additions & 0 deletions reactiveconf-2017-progressive-loading-cfp.md
    View file
    Original file line number Diff line number Diff line change
    @@ -24,3 +24,7 @@ Code splitting is a Webpack feature that allow you to split your app into severa

    - How to split your code?
    - Setting up Webpack and React Router within 10 minutes to achieve Progressive Loading!
    &nbsp;
    #### 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.
  3. kamleshchandnani revised this gist Aug 21, 2017. 1 changed file with 2 additions and 3 deletions.
    5 changes: 2 additions & 3 deletions reactiveconf-2017-progressive-loading-cfp.md
    View file
    Original file line number Diff line number Diff line change
    @@ -1,6 +1,8 @@
    <p align="center">
    <img height="300px" src="https://user-images.githubusercontent.com/11384858/29521701-3904aa9a-86a4-11e7-8ce4-6f037e373b26.png"/>
    </p>
    <br/>

    This is a CFP for [ReactiveConf](http://www.reactiveconf.com/) open call for [lightning talks](https://blog.reactiveconf.com/open-call-for-reactiveconf-lightning-talks-2017-a4f5394e5f96). 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 😇
    @@ -22,6 +24,3 @@ Code splitting is a Webpack feature that allow you to split your app into severa

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

    &nbsp;
    #### About the author
  4. kamleshchandnani revised this gist Aug 21, 2017. 1 changed file with 1 addition and 1 deletion.
    2 changes: 1 addition & 1 deletion reactiveconf-2017-progressive-loading-cfp.md
    View file
    Original file line number Diff line number Diff line change
    @@ -1,5 +1,5 @@
    <p align="center">
    <img height="300px" src="https://drive.google.com/file/d/0B_niatrGvjggM3NWVTMxRVBkOFU/view?usp=sharing"/>
    <img height="300px" src="https://user-images.githubusercontent.com/11384858/29521701-3904aa9a-86a4-11e7-8ce4-6f037e373b26.png"/>
    </p>
    This is a CFP for [ReactiveConf](http://www.reactiveconf.com/) open call for [lightning talks](https://blog.reactiveconf.com/open-call-for-reactiveconf-lightning-talks-2017-a4f5394e5f96). If you'd like to see this talk become a reality, please ⭐️ star this gist. #ReactiveConf

  5. kamleshchandnani created this gist Aug 21, 2017.
    27 changes: 27 additions & 0 deletions reactiveconf-2017-progressive-loading-cfp.md
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,27 @@
    <p align="center">
    <img height="300px" src="https://drive.google.com/file/d/0B_niatrGvjggM3NWVTMxRVBkOFU/view?usp=sharing"/>
    </p>
    This is a CFP for [ReactiveConf](http://www.reactiveconf.com/) open call for [lightning talks](https://blog.reactiveconf.com/open-call-for-reactiveconf-lightning-talks-2017-a4f5394e5f96). 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.
    &nbsp;

    #### 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.
    &nbsp;
    #### What you can expect to see

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

    &nbsp;
    #### About the author