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
780
Other Decks in Programming
See All in Programming
知って得する@cloudflare_vite-pluginのあれこれ
chimame
1
120
CIを整備してメンテナンスを生成AIに任せる
hazumirr
0
300
AI時代の『改訂新版 良いコード/悪いコードで学ぶ設計入門』 / ai-good-code-bad-code
minodriven
24
10k
オンコール⼊⾨〜ページャーが鳴る前に、あなたが備えられること〜 / Before The Pager Rings
yktakaha4
2
1.1k
Startups on Rails in Past, Present and Future–Irina Nazarova, RailsConf 2025
irinanazarova
0
310
코딩 에이전트 체크리스트: Claude Code ver.
nacyot
0
1k
構造化・自動化・ガードレール - Vibe Coding実践記 -
tonegawa07
0
150
PHPカンファレンス関西2025 基調講演
sugimotokei
5
1k
AIともっと楽するE2Eテスト
myohei
9
3.2k
型で語るカタ
irof
1
850
Strands Agents で実現する名刺解析アーキテクチャ
omiya0555
1
110
Claude Code で Astro blog を Pages から Workers へ移行してみた
codehex
0
160
Featured
See All Featured
A designer walks into a library…
pauljervisheath
207
24k
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
stephaniewalter
283
13k
KATA
mclloyd
30
14k
XXLCSS - How to scale CSS and keep your sanity
sugarenia
248
1.3M
Product Roadmaps are Hard
iamctodd
PRO
54
11k
Music & Morning Musume
bryan
46
6.7k
No one is an island. Learnings from fostering a developers community.
thoeni
21
3.4k
Fireside Chat
paigeccino
37
3.5k
It's Worth the Effort
3n
185
28k
4 Signs Your Business is Dying
shpigford
184
22k
Improving Core Web Vitals using Speculation Rules API
sergeychernyshev
18
1k
GraphQLの誤解/rethinking-graphql
sonatard
71
11k
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