Upgrade to PRO for Only $50/Year—Limited-Time Offer! 🔥

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
LayerX QA Night#1
Avatar for koyaman2 koyaman2
0
210
AI との良い付き合い方を僕らは誰も知らない
Avatar for Asei Sugiyama asei
0
220
Oracle Database@AWS：サービス概要のご紹介
Avatar for oracle4engineer oracle4engineer
PRO
1
380
100以上の新規コネクタ提供を可能にしたアーキテクチャ
Avatar for yu-kioo ooyukioo
0
230
AWS re:Invent 2025~初参加の成果と学び~
Avatar for Kubo kubomasataka
0
180
AI with TiDD
Avatar for Shiraji shiraji
1
240
【U/Day Tokyo 2025】Cygames流 最新スマートフォンゲームの技術設計 〜『Shadowverse: Worlds Beyond』におけるアーキテクチャ再設計の挑戦～
Avatar for Cygames cygames
PRO
2
1.3k
Knowledge Work の AI Backend
Avatar for KNOWLEDGE WORK / 株式会社ナレッジワーク kworkdev
PRO
0
110
通勤手当申請チェックエージェント開発のリアル
Avatar for WHIsaiyo whisaiyo
3
370
ペアーズにおけるAIエージェント 基盤とText to SQLツールの紹介
Avatar for Hikaru Sasamoto hisamouna
2
1.4k
M&Aで拡大し続けるGENDAのデータ活用を促すためのDatabricks権限管理 / AEON TECH HUB #22
Avatar for GENDA genda
0
210
「もしもデータ基盤開発で『強くてニューゲーム』ができたなら今の僕はどんなデータ基盤を作っただろう」
Avatar for AEON aeonpeople
0
200

Featured

See All Featured
Art, The Web, and Tiny UX
Avatar for Lynn Fisher lynnandtonic
304
21k
How GitHub (no longer) Works
Avatar for Zach Holman holman
316
140k
Mobile First: as difficult as doing things right
Avatar for Swwweet swwweet
225
10k
Leveraging LLMs for student feedback in introductory data science courses - posit::conf(2025)
Avatar for Mine Cetinkaya-Rundel minecr
0
87
Highjacked: Video Game Concept Design
Avatar for Ryan Kendrick rkendrick25
PRO
0
240
Lightning Talk: Beautiful Slides for Beginners
Avatar for Ines Montani inesmontani
PRO
1
400
No one is an island. Learnings from fostering a developers community.
Avatar for Antonio thoeni
21
3.6k
Being A Developer After 40
Avatar for Adrian Kosmaczewski akosma
91
590k
Digital Ethics as a Driver of Design Innovation
Avatar for Per Axbom axbom
PRO
0
130
Jess Joyce - The Pitfalls of Following Frameworks
Avatar for Tech SEO Connect techseoconnect
PRO
1
25
The Psychology of Web Performance [Beyond Tellerrand 2023]
Avatar for Tammy Everts tammyeverts
49
3.2k
Avoiding the “Bad Training, Faster” Trap in the Age of AI
Avatar for Mike Taylor tmiket
0
34

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?