Upgrade to PRO for Only $50/Year—Limited-Time Offer! 🔥
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Building UIs with React
Search
Jake Rios
July 11, 2014
Technology
0
39
Building UIs with React
Presentation discussing React concepts with code examples.
Jake Rios
July 11, 2014
Tweet
Share
Other Decks in Technology
See All in Technology
LayerX QA Night#1
koyaman2
0
210
AI との良い付き合い方を僕らは誰も知らない
asei
0
220
Oracle Database@AWS:サービス概要のご紹介
oracle4engineer
PRO
1
380
100以上の新規コネクタ提供を可能にしたアーキテクチャ
ooyukioo
0
230
AWS re:Invent 2025~初参加の成果と学び~
kubomasataka
0
180
AI with TiDD
shiraji
1
240
【U/Day Tokyo 2025】Cygames流 最新スマートフォンゲームの技術設計 〜『Shadowverse: Worlds Beyond』におけるアーキテクチャ再設計の挑戦~
cygames
PRO
2
1.3k
Knowledge Work の AI Backend
kworkdev
PRO
0
110
通勤手当申請チェックエージェント開発のリアル
whisaiyo
3
370
ペアーズにおけるAIエージェント 基盤とText to SQLツールの紹介
hisamouna
2
1.4k
M&Aで拡大し続けるGENDAのデータ活用を促すためのDatabricks権限管理 / AEON TECH HUB #22
genda
0
210
「もしもデータ基盤開発で『強くてニューゲーム』ができたなら今の僕はどんなデータ基盤を作っただろう」
aeonpeople
0
200
Featured
See All Featured
Art, The Web, and Tiny UX
lynnandtonic
304
21k
How GitHub (no longer) Works
holman
316
140k
Mobile First: as difficult as doing things right
swwweet
225
10k
Leveraging LLMs for student feedback in introductory data science courses - posit::conf(2025)
minecr
0
87
Highjacked: Video Game Concept Design
rkendrick25
PRO
0
240
Lightning Talk: Beautiful Slides for Beginners
inesmontani
PRO
1
400
No one is an island. Learnings from fostering a developers community.
thoeni
21
3.6k
Being A Developer After 40
akosma
91
590k
Digital Ethics as a Driver of Design Innovation
axbom
PRO
0
130
Jess Joyce - The Pitfalls of Following Frameworks
techseoconnect
PRO
1
25
The Psychology of Web Performance [Beyond Tellerrand 2023]
tammyeverts
49
3.2k
Avoiding the “Bad Training, Faster” Trap in the Age of AI
tmiket
0
34
Transcript
Building User Interfaces With React
Building consistent user interfaces is hard
React
React aims to be simple React is declarative
Components Not templates
Components can be composed to build complex UIs
Break down the user interface into components
A little about JSX
JSX Gotchas
Component State
Component Lifecycle 1. Mounting 2. Updating 3. Unmounting
Ownership, not parent
Data on the screen
JS is not reactive DOM is inherently stateful
Data Binding is a polyfill for reactive JS and DOM
None
Virtual DOM
None
React to events Autobinding Event delegation
React Add-ons
http://bit.ly/react-docs! http://bit.ly/react-contrib! Documentation Contribute http://bit.ly/react-tools! Tooling http://bit.ly/rethink-practices! Watch
Questions?