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
Building UIs with React
Search
Sponsored
·
Ship Features Fearlessly
Turn features on and off without deploys. Used by thousands of Ruby developers.
→
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
GCASアップデート(202510-202601)
techniczna
0
250
Claude_CodeでSEOを最適化する_AI_Ops_Community_Vol.2__マーケティングx_AIはここまで進化した.pdf
riku_423
2
450
Mosaic AI Gatewayでコーディングエージェントを配るための運用Tips / JEDAI 2026 新春 Meetup! AIコーディング特集
genda
0
150
Amazon S3 Vectorsを使って資格勉強用AIエージェントを構築してみた
usanchuu
3
430
Digitization部 紹介資料
sansan33
PRO
1
6.8k
入社1ヶ月でデータパイプライン講座を作った話
waiwai2111
1
250
インフラエンジニア必見!Kubernetesを用いたクラウドネイティブ設計ポイント大全
daitak
0
330
Introduction to Sansan, inc / Sansan Global Development Center, Inc.
sansan33
PRO
0
3k
変化するコーディングエージェントとの現実的な付き合い方 〜Cursor安定択説と、ツールに依存しない「資産」〜
empitsu
4
1.3k
学生・新卒・ジュニアから目指すSRE
hiroyaonoe
2
550
マーケットプレイス版Oracle WebCenter Content For OCI
oracle4engineer
PRO
5
1.5k
AzureでのIaC - Bicep? Terraform? それ早く言ってよ会議
torumakabe
1
350
Featured
See All Featured
<Decoding/> the Language of Devs - We Love SEO 2024
nikkihalliwell
1
120
Docker and Python
trallard
47
3.7k
How Software Deployment tools have changed in the past 20 years
geshan
0
32k
Thoughts on Productivity
jonyablonski
74
5k
Taking LLMs out of the black box: A practical guide to human-in-the-loop distillation
inesmontani
PRO
3
2k
Building a A Zero-Code AI SEO Workflow
portentint
PRO
0
300
The browser strikes back
jonoalderson
0
360
Beyond borders and beyond the search box: How to win the global "messy middle" with AI-driven SEO
davidcarrasco
1
49
GraphQLの誤解/rethinking-graphql
sonatard
74
11k
The Straight Up "How To Draw Better" Workshop
denniskardys
239
140k
Typedesign – Prime Four
hannesfritz
42
2.9k
Unlocking the hidden potential of vector embeddings in international SEO
frankvandijk
0
170
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?