Upgrade to Pro — share decks privately, control downloads, hide ads and more …
Sign up for free

Using Umbrella JS for Modern Applications

Avatar for Matthew Claffey Matthew Claffey
September 01, 2017
Programming
210
0

Using Umbrella JS for Modern Applications

Umbrella JS is a lightweight alternative to using jQuery.

Avatar for Matthew Claffey

Matthew Claffey

September 01, 2017

More Decks by Matthew Claffey

See All by Matthew Claffey
Splitting the bundle on static websites
Avatar for Matthew Claffey mattclaffey
0
48
Performance: Small Tweaks, Big Gains
Avatar for Matthew Claffey mattclaffey
4
140
AMP intro
Avatar for Matthew Claffey mattclaffey
1
60

Other Decks in Programming

See All in Programming
Web Framework Benchmark Battle 2026, Any%
Avatar for Akira Matsuda a_matsuda
3
3k
[2026-10-09]一枚の布で作らなくてもいい。 信頼性は「パッチワーク」で紡がれる～既存の運用と新しい可能性をつなぎ合わせてきたCREの話～
Avatar for tosite tosite
0
110
HTML-in-Canvasで作る未来のWeb UI表現
Avatar for IKEDA Yasunobu clockmaker
5
5.8k
ChromeでローカルLLM
Avatar for ryu ryu1013
0
170
AI時代のIaC入門 〜なぜインフラをコードで管理したいのか？〜 / Introduction to IaC in the AI Era
Avatar for アキキー | Akihisa Ikeda akihisaikeda
5
1.1k
Railsのためのパスキー実践入門 〜マルチテナントSaaSでの意思決定〜
Avatar for utakaha utakaha
3
1.3k
Agentic Software Factoryに、すごく賢いIF文を。 / super smart IF statement into the Agentic Software Factory.
Avatar for r-kagaya rkaga
8
2.4k
[2026-10-14](C)Re:ゼロから始める異世界生活〜始まりの終わりと終わりの始まり〜
Avatar for tosite tosite
0
160
PyConTW 2026 - AI Coding 不只是工具升級, 區域醫院醫療資訊系統協作開發與資訊團隊轉型實踐
Avatar for Max Lai cclai999
0
200
當我們開始不讀 Code - AI Agent 時代，Code Review 與 Clean Code 還剩下什麼？
Avatar for James Wang jame2408
1
330
우리의 Nitro Modules는 당신의 Turbo Modules보다 아름답다
Avatar for HyunWoo Lee l2hyunwoo
0
230
続・コーディングルールの鮮度を保ちたい / keep-fresh-go-internal-conventions-again
Avatar for NAGATA Hiroaki handlename
0
130

Featured

See All Featured
Pawsitive SEO: Lessons from My Dog (and Many Mistakes) on Thriving as a Consultant in the Age of AI
Avatar for David Carrasco davidcarrasco
0
280
Leo the Paperboy
Avatar for Maya Tellez mayatellez
10
2.4k
Ten Tips & Tricks for a 🌱 transition
Avatar for Manu Carrasco Molina stuffmc
1
270
The Straight Up "How To Draw Better" Workshop
Avatar for Dennis Kardys denniskardys
239
140k
The Myth of the Modular Monolith - Day 2 Keynote - Rails World 2024
Avatar for Eileen M. Uchitelle eileencodes
28
3.7k
A brief & incomplete history of 
UX Design for the World Wide Web: 1989–2019
Avatar for Jason CranfordTeague jct
2
540
Tips & Tricks on How to Get Your First Job In Tech
Avatar for Honza Javorek honzajavorek
1
810
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
Avatar for Dan Newman danielanewman
230
23k
DevOps and Value Stream Thinking: Enabling flow, efficiency and business value
Avatar for Helen Beal helenjbeal
2
410
30 Presentation Tips
Avatar for Ian Lurie portentint
PRO
1
440
Accessibility Awareness
Avatar for Sarah Abderemane sabderemane
1
260
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
Avatar for Eileen M. Uchitelle eileencodes
38
3.1k

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 .