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

React Patterns

Avatar for Diego Gadola Diego Gadola
September 07, 2016
Technology
100
0

React Patterns

Avatar for Diego Gadola

Diego Gadola

September 07, 2016

Other Decks in Technology

See All in Technology
Discordでリモートポケカしてたら、なぜかDOを25分間動かせるようになった話
Avatar for Kaito Udagawa umireon
0
130
Hooks, Filters & Now Context: Why MCPs Are the “Hooks” of the AI Era
Avatar for Miriam Schwab miriamschwab
0
160
さくらのクラウドでつくるCloudNative Daysのオブザーバビリティ基盤
Avatar for Taisuke Okamoto a.k.a BigBaBy b1gb4by
0
160
AgentCore RuntimeからS3 Filesをマウントしてみる
Avatar for Har1101 har1101
3
410
会社紹介資料 / Sansan Company Profile
Avatar for Sansan, Inc. sansan33
PRO
16
410k
【PHPカンファレンス小田原2026】Webアプリケーションエンジニアにも知ってほしい オブザーバビリティ の本質
Avatar for Futoshi Endo fendo181
0
600
数案件を同時に進行するためのコンテキスト整理術
Avatar for sutetotanuki sutetotanuki
1
220
#jawsugyokohama 100 LT11, "My AWS Journey 2011-2026 - kwntravel"
Avatar for Shinichiro Kawano shinichirokawano
0
180
システムは「動く」だけでは足りない 実装編 - 非機能要件・分散システム・トレードオフをコードで見る
Avatar for nwiizo nwiizo
3
350
DevOpsDays2026 Tokyo Cross-border practices to connect "safety" and "DX" in healthcare
Avatar for Yutaro Sugai hokkai7go
0
130
GitHub Copilotを極める会 - 開発者のための活用術
Avatar for ファインディ株式会社（イベント資料アップ用） findy_eventslides
7
4.1k
Introduction to Sansan, inc / Sansan Global Development Center, Inc.
Avatar for Sansan, Inc. sansan33
PRO
0
3k

Featured

See All Featured
WCS-LA-2024
Avatar for Leonardo Collado-Torres lcolladotor
0
520
Why Our Code Smells
Avatar for Brandon Keepers bkeepers
PRO
340
58k
How to optimise 3,500 product descriptions for ecommerce in one day using ChatGPT
Avatar for Katarina Dahlin katarinadahlin
PRO
1
3.5k
How To Stay Up To Date on Web Technology
Avatar for Chris Coyier chriscoyier
790
250k
Context Engineering - Making Every Token Count
Avatar for Addy Osmani addyosmani
9
810
[RailsConf 2023 Opening Keynote] The Magic of Rails
Avatar for Eileen M. Uchitelle eileencodes
31
10k
The #1 spot is gone: here's how to win anyway
Avatar for Tamara Novitovic tamaranovitovic
2
1k
Gemini Prompt Engineering: Practical Techniques for Tangible AI Outcomes
Avatar for Mfonobong Umondia mfonobong
2
350
What the history of the web can teach us about the future of AI
Avatar for Ines Montani inesmontani
PRO
1
520
Measuring Dark Social's Impact On Conversion and Attribution
Avatar for Stephen Akadiri stephenakadiri
1
180
HDC tutorial
Avatar for Michiel Stock michielstock
1
610
Organizational Design Perspectives: An Ontology of Organizational Design Elements
Avatar for Dr. Kim W Petersen kimpetersen
PRO
1
670

Transcript

  1. React Patterns @dgadola

  2. None

  3. React • Declarative • Component Based

  4. Components class or function ! HTMLElement

  5. Class Component

  6. Stateless Component

  7. Container Container Page Component Component Component " "

  8. BlackBox

  9. BlackBox

  10. hey bro, do you even <ul />?

  11. Children

  12. Children

  13. High Order Components

  14. High Order Components

  15. Another HOC

  16. Function as Children

  17. Function as Children

  18. Y U NO???!!!

  19. SubComponents

  20. questions?