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
180
What is React?
nhunzaker
7
770
Other Decks in Programming
See All in Programming
型で語るカタ
irof
0
490
状態遷移図を書こう / Sequence Chart vs State Diagram
orgachem
PRO
2
170
レベル1の開発生産性向上に取り組む − 日々の作業の効率化・自動化を通じた改善活動
kesoji
0
270
Android 16KBページサイズ対応をはじめからていねいに
mine2424
0
230
Result型で“失敗”を型にするPHPコードの書き方
kajitack
5
970
20250708_JAWS_opscdk
takuyay0ne
2
110
テスト駆動Kaggle
isax1015
1
500
Webの外へ飛び出せ NativePHPが切り拓くPHPの未来
takuyakatsusa
2
570
Google Agent Development Kit でLINE Botを作ってみた
ymd65536
2
260
코딩 에이전트 체크리스트: Claude Code ver.
nacyot
0
870
Advanced Micro Frontends: Multi Version/ Framework Scenarios @WAD 2025, Berlin
manfredsteyer
PRO
0
350
MDN Web Docs に日本語翻訳でコントリビュートしたくなる
ohmori_yusuke
1
130
Featured
See All Featured
GraphQLとの向き合い方2022年版
quramy
49
14k
Faster Mobile Websites
deanohume
307
31k
The Pragmatic Product Professional
lauravandoore
35
6.7k
Imperfection Machines: The Place of Print at Facebook
scottboms
267
13k
Writing Fast Ruby
sferik
628
62k
Being A Developer After 40
akosma
90
590k
Save Time (by Creating Custom Rails Generators)
garrettdimon
PRO
31
1.3k
KATA
mclloyd
30
14k
Why Our Code Smells
bkeepers
PRO
336
57k
The Language of Interfaces
destraynor
158
25k
Fireside Chat
paigeccino
37
3.5k
Improving Core Web Vitals using Speculation Rules API
sergeychernyshev
18
980
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