Using Umbrella JS for Modern Applications

Umbrella JS is a lightweight alternative to using jQuery.

Transcript

1. Using Umbrella JS For Modern Applications M A T T C .
2. Who am I? Graduate apprentice from Hyper Island Front End Developer at Code Computerlove M A T T C .
3. So what’s Umbrella JS? “Tiny and intuitive JavaScript library” M A T T C .
4. What can we do with Umbrella JS? Dom Traversal (selector, filter, find, each, etc) Dom Editing (classes, attributes, html, before, etc) Event Handling Ajax
5. How to use it M A T T C .
6. Pro’s “Tiny and intuitive JavaScript library” M A T T C .
7. Pro’s Good Documentation & Quick responses on their Github. 4kb in minified size. Gives us more leverage on our performance budgets. Mobile applications will be faster.
8. Performance comparison www.matthewclaffey.surge.sh – jQuery Library Throttling: Regular 3g(750kb/s)
9. Performance comparison www.matthewclaffey.surge.sh – Umbrella Throttling: Regular 3g(750kb/s)
10. Performance comparison www.matthewclaffey.surge.sh – jQuery www.matthewclaffey.surge.sh – Umbrella
11. How to add new features u.prototype.method M A T T C .
12. Con’s All libraries have their own kryptonite M A T T C .
13. What about IE8 & IE9? M A T T C .
14. What about IE8 & IE9? M A T T C .
15. Why do I use this? My mobile sites will load faster Freedom to add more functions Easy to learn
16. Thank you! Any Questions? www.matthewclaffey.surge.sh | | @Mattclaffey1 Umbrellajs.com | | https://github.com/umbrellajs/umbrella M A T T C .