Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Building UIs with React

Avatar for Jake Rios Jake Rios
July 11, 2014
Technology
0
39

Building UIs with React

Presentation discussing React concepts with code examples.

Avatar for Jake Rios

Jake Rios

July 11, 2014
Tweet

Other Decks in Technology

See All in Technology
roppongirb_20250911
Avatar for Kuniaki IGARASHI igaiga
1
250
Aurora DSQLはサーバーレスアーキテクチャの常識を変えるのか
Avatar for TomoyaIwata iwatatomoya
1
1.2k
Platform開発が先行する Platform Engineeringの違和感
Avatar for KintoTech_Dev kintotechdev
4
590
Rustから学ぶ 非同期処理の仕組み
Avatar for skanehira skanehira
1
150
20250910_障害注入から効率的復旧へ_カオスエンジニアリング_生成AIで考えるAWS障害対応.pdf
Avatar for sh_fk2 sh_fk2
3
280
いま注目のAIエージェントを作ってみよう
Avatar for Marimo supermarimobros
0
350
サラリーマンの小遣いで作るtoCサービス - Cloudflare Workersでスケールする開発戦略
Avatar for shinaps shinaps
2
470
IoT x エッジAI - リアルタイ ムAI活用のPoCを今すぐ始め る方法 -
Avatar for niizawat niizawat
0
120
機械学習を扱うプラットフォーム開発と運用事例
Avatar for LINEヤフーTech (LY Corporation Tech) lycorptech_jp
PRO
0
660
TS-S205_昨年対比2倍以上の機能追加を実現するデータ基盤プロジェクトでのAI活用について
Avatar for K.Mitsuhashi kaz3284
1
230
COVESA VSSによる車両データモデルの標準化とAWS IoT FleetWiseの活用
Avatar for Yuto Osawa osawa
1
400
エンジニアが主導できる組織づくり ー 製品と事業を進化させる体制へのシフト
Avatar for Shin'ya Ueoka ueokande
1
100

Featured

See All Featured
We Have a Design System, Now What?
Avatar for Morgane Peng morganepeng
53
7.8k
I Don’t Have Time: Getting Over the Fear to Launch Your Podcast
Avatar for Joe Casabona jcasabona
33
2.4k
Designing Dashboards & Data Visualisations in Web Apps
Avatar for Des Traynor destraynor
231
53k
Stop Working from a Prison Cell
Avatar for Chris Michel hatefulcrawdad
271
21k
Being A Developer After 40
Avatar for Adrian Kosmaczewski akosma
90
590k
Rebuilding a faster, lazier Slack
Avatar for samanthasiow samanthasiow
83
9.2k
GraphQLとの向き合い方2022年版
Avatar for Yosuke Kurami quramy
49
14k
Statistics for Hackers
Avatar for Jake VanderPlas jakevdp
799
220k
Side Projects
Avatar for Sacha Greif sachag
455
43k
It's Worth the Effort
Avatar for 3n 3n
187
28k
The World Runs on Bad Software
Avatar for Brandon Keepers bkeepers
PRO
70
11k
Imperfection Machines: The Place of Print at Facebook
Avatar for Scott Boms scottboms
268
13k

Transcript

  1. Building User Interfaces With React

  2. Building consistent user interfaces is hard

  3. React

  4. React aims to be simple React is declarative

  5. Components Not templates

  6. Components can be composed to build complex UIs

  7. Break down the user interface into components

  8. A little about JSX

  9. JSX Gotchas

  10. Component State

  11. Component Lifecycle 1.  Mounting 2.  Updating 3.  Unmounting

  12. Ownership, not parent

  13. Data on the screen

  14. JS is not reactive DOM is inherently stateful

  15. Data Binding is a polyfill for reactive JS and DOM

  16. None

  17. Virtual DOM

  18. None

  19. React to events Autobinding Event delegation

  20. React Add-ons

  21. http://bit.ly/react-docs! http://bit.ly/react-contrib! Documentation Contribute http://bit.ly/react-tools! Tooling http://bit.ly/rethink-practices! Watch

  22. Questions?