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
ECSのサービス間通信 4つの方法を比較する 〜Canary,Blue/Greenも添えて〜
tkikuc
11
2.4k
アジャイルを支えるテストアーキテクチャ設計/Test Architecting for Agile
goyoki
9
3.1k
推し活としてのrails new/oshikatsu_ha_iizo
sakahukamaki
3
1.9k
What’s New in Compose Multiplatform - A Live Tour (droidcon London 2024)
zsmb
1
440
PLoP 2024: The evolution of the microservice architecture pattern language
cer
PRO
0
2.2k
[PyCon Korea 2024 Keynote] 커뮤니티와 파이썬, 그리고 우리
beomi
0
120
シェーダーで魅せるMapLibreの動的ラスタータイル
satoshi7190
1
420
レガシーシステムにどう立ち向かうか 複雑さと理想と現実/vs-legacy
suzukihoge
14
1.9k
Realtime API 入門
riofujimon
0
130
ピラミッド、アイスクリームコーン、SMURF: 自動テストの最適バランスを求めて / Pyramid Ice-Cream-Cone and SMURF
twada
PRO
10
1.1k
タクシーアプリ『GO』のリアルタイムデータ分析基盤における機械学習サービスの活用
mot_techtalk
4
110
3rd party scriptでもReactを使いたい! Preact + Reactのハイブリッド開発
righttouch
PRO
1
580
Featured
See All Featured
Building Applications with DynamoDB
mza
90
6.1k
Building a Modern Day E-commerce SEO Strategy
aleyda
38
6.9k
Helping Users Find Their Own Way: Creating Modern Search Experiences
danielanewman
29
2.3k
XXLCSS - How to scale CSS and keep your sanity
sugarenia
246
1.3M
Designing for humans not robots
tammielis
249
25k
Learning to Love Humans: Emotional Interface Design
aarron
273
40k
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
eileencodes
32
1.8k
Speed Design
sergeychernyshev
24
580
Side Projects
sachag
452
42k
No one is an island. Learnings from fostering a developers community.
thoeni
19
3k
Building Flexible Design Systems
yeseniaperezcruz
327
38k
Testing 201, or: Great Expectations
jmmastey
38
7.1k
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 .