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
React for Poets
Search
Nathan Hunzaker
April 09, 2015
Programming
0
120
React for Poets
A very high level look at React
Nathan Hunzaker
April 09, 2015
Tweet
Share
More Decks by Nathan Hunzaker
See All by Nathan Hunzaker
Introduction to React - Triangle.rb May 2015
nhunzaker
0
170
What is React?
nhunzaker
7
760
Other Decks in Programming
See All in Programming
【PHP】破壊的バージョンアップと戦った話〜決断と説得
satoshi256kbyte
0
120
Lottieアニメーションをカスタマイズしてみた
tahia910
0
120
SpringBoot3.4の構造化ログ #kanjava
irof
2
970
Djangoアプリケーション 運用のリアル 〜問題発生から可視化、最適化への道〜 #pyconshizu
kashewnuts
1
230
AIの力でお手軽Chrome拡張機能作り
taiseiue
0
170
iOSエンジニアから始める visionOS アプリ開発
nao_randd
3
120
負債になりにくいCSSをデザイナとつくるには?
fsubal
9
2.3k
テストをしないQAエンジニアは何をしているか?
nealle
0
130
『GO』アプリ バックエンドサーバのコスト削減
mot_techtalk
0
130
ASP. NET CoreにおけるWebAPIの最新情報
tomokusaba
0
360
定理証明プラットフォーム lapisla.net
abap34
1
1.7k
Pulsar2 を雰囲気で使ってみよう
anoken
0
230
Featured
See All Featured
A better future with KSS
kneath
238
17k
Designing on Purpose - Digital PM Summit 2013
jponch
117
7.1k
Site-Speed That Sticks
csswizardry
3
370
ピンチをチャンスに:未来をつくるプロダクトロードマップ #pmconf2020
aki_iinuma
114
50k
A Tale of Four Properties
chriscoyier
158
23k
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
eileencodes
33
2.1k
The World Runs on Bad Software
bkeepers
PRO
67
11k
Designing Dashboards & Data Visualisations in Web Apps
destraynor
231
53k
The Art of Delivering Value - GDevCon NA Keynote
reverentgeek
10
1.3k
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
tammyeverts
49
2.3k
How To Stay Up To Date on Web Technology
chriscoyier
790
250k
Reflections from 52 weeks, 52 projects
jeffersonlam
348
20k
Transcript
React for Poets
• What React it is • Why we like it
• What React isn't
What is React?
React is a JavaScript library for building user interfaces.
"How should the user interface be built, and how should
it update?"
It forces a developer to break up their user interface
into small components.
<Blogs/> <Navigation/> <Posts/> <Post/> <Post/> <Post/> <Post/>
Compo(sition,nents) "React is all about building reusable components. In fact,
with React the only thing you do is build components." - facebook.github.io/react
None
Component Tree
Build a component tree Compare to old data Determine fastest
update method Update page Data
State changed! So what...
Define Interface Change Data • Each change updates the user
interface • Data only goes in one direction (down)
Why I like React
Trouble in Paradise
• Web applications • Pages with frequent UI updates •
Things the browser can't do on its own JS apps are great for:
• Page load times • Handling critical errors • Mobile
performance Challenges with JS Apps:
None
Why I like React
Server side rendering
None
• Responsive page loads • More strategies for handling failure
(not just blank screens) With server side rendering:
None
None
Page Load Boot App Server
Mobile performance
• Designed for low memory devices • Hyper efficient page
updates • Stress tested on millions of devices on sites such as facebook.com, airbnb.com, and bbc.com
It's not the right tool for everything
• Sites with only few interactions • Simple content oriented
sites • Handoff projects where the maintainer is not familiar with JavaScript development • Server-side rendering requires NodeJS expertise React is not ideal for:
React is exciting
Break down UI into components
Addresses a lot of JS issues
None
Thanks! Nate Hunzaker @natehunzaker