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

React Patterns

Diego Gadola
September 07, 2016
Technology
0
97

React Patterns

Diego Gadola

September 07, 2016
Tweet

Other Decks in Technology

See All in Technology
日本におけるデータエンジニアリングのこれまでとこれから
foursue
2
340
A (short) History of AI
harishpillay
0
100
メールセキュリティの DMARC周りの設定を少しずつ設定してみたお話
miu_crescent
1
250
TransitGatewayの基礎
toru_kubota
0
220
Hands-on / Kaname Frusawa / Cloud Compare Users Meetup 2024 at University of Tokyo on April 17
paraworld
2
320
[2024年3月版] Databricksのシステムアーキテクチャ
databricksjapan
7
1.7k
TiUG #1 HBaseからTiDBへの移行を選んだ理由
watanori
0
130
Head toward Java 22 and Java 23
lycorptech_jp
PRO
1
140
OPENLOGI Company Profile for engineer
hr01
1
1.1k
SPI原点回帰論：事業課題とFour Keysの結節点を見出す実践的ソフトウェアプロセス改善 / DevOpsDays Tokyo 2024
visional_engineering_and_design
2
110
転移学習とドメイン適応の基礎
kmatsui
2
550
株式会社EventHub・エンジニア採用資料
eventhub
0
1.9k

Featured

See All Featured
How to name files
jennybc
64
92k
Debugging Ruby Performance
tmm1
69
11k
Code Review Best Practice
trishagee
54
15k
The Cult of Friendly URLs
andyhume
73
5.6k
Adopting Sorbet at Scale
ufuk
67
8.6k
Typedesign – Prime Four
hannesfritz
36
2k
The World Runs on Bad Software
bkeepers
PRO
60
6.7k
What's new in Ruby 2.0
geeforr
336
31k
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
kevinliebholz
1
3.4k
Product Roadmaps are Hard
iamctodd
43
9.7k
Building Effective Engineering Teams - LeadDev
addyosmani
26
1.8k
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
352
28k

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?