Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Using Umbrella JS for Modern Applications
Search
Matthew Claffey
September 01, 2017
Programming
0
150
Using Umbrella JS for Modern Applications
Umbrella JS is a lightweight alternative to using jQuery.
Matthew Claffey
September 01, 2017
Tweet
Share
More Decks by Matthew Claffey
See All by Matthew Claffey
Splitting the bundle on static websites
mattclaffey
0
31
Performance: Small Tweaks, Big Gains
mattclaffey
4
120
AMP intro
mattclaffey
1
52
Other Decks in Programming
See All in Programming
Flutterを言い訳にしない!アプリの使い心地改善テクニック5選🔥
kno3a87
1
210
Contemporary Test Cases
maaretp
0
140
macOS でできる リアルタイム動画像処理
biacco42
9
2.4k
CSC509 Lecture 09
javiergs
PRO
0
140
エンジニアとして関わる要件と仕様(公開用)
murabayashi
0
310
みんなでプロポーザルを書いてみた
yuriko1211
0
280
Why Jakarta EE Matters to Spring - and Vice Versa
ivargrimstad
0
1.2k
Nurturing OpenJDK distribution: Eclipse Temurin Success History and plan
ivargrimstad
0
1k
React への依存を最小にするフロントエンド設計
takonda
12
3.2k
3rd party scriptでもReactを使いたい! Preact + Reactのハイブリッド開発
righttouch
PRO
1
610
CSC509 Lecture 12
javiergs
PRO
0
160
Pinia Colada が実現するスマートな非同期処理
naokihaba
4
230
Featured
See All Featured
YesSQL, Process and Tooling at Scale
rocio
169
14k
Teambox: Starting and Learning
jrom
133
8.8k
jQuery: Nuts, Bolts and Bling
dougneiner
61
7.5k
RailsConf 2023
tenderlove
29
900
Navigating Team Friction
lara
183
14k
Visualization
eitanlees
145
15k
A designer walks into a library…
pauljervisheath
204
24k
How To Stay Up To Date on Web Technology
chriscoyier
788
250k
Java REST API Framework Comparison - PWX 2021
mraible
PRO
28
8.2k
ReactJS: Keep Simple. Everything can be a component!
pedronauck
665
120k
Save Time (by Creating Custom Rails Generators)
garrettdimon
PRO
27
840
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
kevinliebholz
27
4.3k
Transcript
Using Umbrella JS For Modern Applications M A T T
C .
Who am I? Graduate apprentice from Hyper Island Front End
Developer at Code Computerlove M A T T C .
So what’s Umbrella JS? “Tiny and intuitive JavaScript library” M
A T T C .
What can we do with Umbrella JS? Dom Traversal (selector,
filter, find, each, etc) Dom Editing (classes, attributes, html, before, etc) Event Handling Ajax
How to use it M A T T C .
Pro’s “Tiny and intuitive JavaScript library” M A T T
C .
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.
Performance comparison www.matthewclaffey.surge.sh – jQuery Library Throttling: Regular 3g(750kb/s)
Performance comparison www.matthewclaffey.surge.sh – Umbrella Throttling: Regular 3g(750kb/s)
Performance comparison www.matthewclaffey.surge.sh – jQuery www.matthewclaffey.surge.sh – Umbrella
How to add new features u.prototype.method M A T T
C .
Con’s All libraries have their own kryptonite M A T
T C .
What about IE8 & IE9? M A T T C
.
What about IE8 & IE9? M A T T C
.
Why do I use this? My mobile sites will load
faster Freedom to add more functions Easy to learn
Thank you! Any Questions? www.matthewclaffey.surge.sh | | @Mattclaffey1 Umbrellajs.com |
| https://github.com/umbrellajs/umbrella M A T T C .