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
39
0

Building UIs with React

Presentation discussing React concepts with code examples.

Avatar for Jake Rios

Jake Rios

July 11, 2014

Other Decks in Technology

See All in Technology
【Findy FDE登壇_2026_04_14】— 現場課題を本気で解いてたら、FDEになってた話
Avatar for Koji Miyata miyatakoji
0
1.1k
プロンプトエンジニアリングを超えて：自由と統制のあいだでつくる Platform × Context Engineering
Avatar for yuriemori yuriemori
0
220
Amazon S3 Filesについて
Avatar for Yuuki Yamashita yama3133
2
130
研究開発部メンバーの働き⽅ / Sansan R&D Profile
Avatar for Sansan, Inc. sansan33
PRO
4
23k
名刺メーカーDevグループ 紹介資料
Avatar for Sansan, Inc. sansan33
PRO
0
1.1k
目的ファーストのハーネス設計 ~ハーネスの変更容易性を高めるための優先順位~
Avatar for Gota gotalab555
2
540
実践ハーネスエンジニアリング：TAKTで実現するAIエージェント制御 / Practical Harness Engineering: AI Agent Control Enabled by TAKT
Avatar for nrs nrslib
2
1.1k
2026年に相応しい 最先端プラグインホストの設計<del>と実装</del>
Avatar for Atsushi Eno atsushieno
0
120
「責任あるAIエージェント」こそ自社で開発しよう！
Avatar for みのるん minorun365
2
170
聞き手の目線で考えるプロポーザル
Avatar for Takepepe takefumiyoshii
0
430
Azure PortalなどにみるWebアクセシビリティ
Avatar for tomokusaba tomokusaba
0
330
みんなの「データ活用」を支えるストレージ担当から持ち込むAWS活用/コミュニティー設計TIPS 10選~「作れる」より、「続けられる」設計へ~
Avatar for Yoshiki Fujiwara yoshiki0705
0
200

Featured

See All Featured
Design and Strategy: How to Deal with People Who Don’t "Get" Design
Avatar for Morgane Peng morganepeng
133
19k
Practical Orchestrator
Avatar for Shlomi Noach shlominoach
191
11k
Raft: Consensus for Rubyists
Avatar for Patrick Van Stee vanstee
141
7.4k
Test your architecture with Archunit
Avatar for Yoan thirion
1
2.2k
Joys of Absence: A Defence of Solitary Play
Avatar for Sebastian Deterding codingconduct
1
340
Speed Design
Avatar for Sergey Chernyshev sergeychernyshev
33
1.6k
Navigating Weather and Climate Data
Avatar for Ryan Abernathey rabernat
0
160
The Invisible Side of Design
Avatar for Vitaly Friedman smashingmag
302
51k
Data-driven link building: lessons from a $708K investment (BrightonSEO talk)
Avatar for Szymon Słowik szymonslowik
1
1k
Fashionably flexible responsive web design (full day workshop)
Avatar for Andy Clarke malarkey
408
66k
JavaScript: Past, Present, and Future - NDC Porto 2020
Avatar for David Neal reverentgeek
52
5.9k
The Cult of Friendly URLs
Avatar for Andy Hume andyhume
79
6.8k

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?