PROGRESSIVE SAVING USING

LOCALSTORAGE

What is progressive saving?

What should we consider?

◦Data could be invalid

◦Data could be incomplete

Why Do We Want To Progressively Save?

◦User could close browser by accident

◦Internet connection could fail

◦Juggling multiple tasks at one time

◦Loadshedding

Demo Time

What is LocalStorage?

◦Small internal key value store in your browser

◦Stores JSON

Things to remember when using LocalStorage

◦Stores up to 10MB per domain

◦When the user clears her cache, it will also clear LocalStorage

◦Not Recommended when using Private Browsing

LocalStorage Browser Support

◦IE 8+

◦Firefox 3.5+

◦Chrome 4+

◦Safari 4+

◦Opera 11.5+

What should I do if I still need to support old

browsers?◦Cry Softly

◦Use Store.js

◦Use PersistJS

LocalStorage and EmberJS

◦Why EmberJS?

◦What did I have to learn?

◦Tutorial and Versioning Issues

LocalStorage and Other JavaScript Frameworks

◦EmberJS, Ember-Data, ember-localstorage-adapter

◦AngularJS and BreezeJS

◦ReactJS and react-localstorage

◦JavaScript

LocalStorage and the Server

Benefits of Progressive saving using LocalStorage

◦You’ll make your users very happy

◦Ease of Implementation

◦Supported by most browsers

Executable with all JavaScript Frameworks

◦EmberJS, Ember-Data, ember-localstorage-adapter

◦AngularJS/KnockOutJS/BackBoneJS and BreezeJS

◦ReactJS and react-localstorage

◦JavaScript

@DaphneCalitz