Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Overreacting: React as a Paradigm
Search
Eric Sauter
November 17, 2016
Technology
1
52
Overreacting: React as a Paradigm
Talk given at November React MD meetup
Eric Sauter
November 17, 2016
Tweet
Share
More Decks by Eric Sauter
See All by Eric Sauter
A React Native Retrospective
esauter5
0
120
React Native
esauter5
5
170
Other Decks in Technology
See All in Technology
ブロックテーマ時代における、テーマの CSS について考える Toro_Unit / 2025.09.13 @ Shinshu WordPress Meetup
torounit
0
130
スマートファクトリーの第一歩 〜AWSマネージドサービスで 実現する予知保全と生成AI活用まで
ganota
2
320
5分でカオスエンジニアリングを分かった気になろう
pandayumi
0
260
バイブスに「型」を!Kent Beckに学ぶ、AI時代のテスト駆動開発
amixedcolor
3
590
「Linux」という言葉が指すもの
sat
PRO
4
140
企業の生成AIガバナンスにおけるエージェントとセキュリティ
lycorptech_jp
PRO
3
200
職種の壁を溶かして開発サイクルを高速に回す~情報透明性と職種越境から考えるAIフレンドリーな職種間連携~
daitasu
0
190
Evolución del razonamiento matemático de GPT-4.1 a GPT-5 - Data Aventura Summit 2025 & VSCode DevDays
lauchacarro
0
210
要件定義・デザインフェーズでもAIを活用して、コミュニケーションの密度を高める
kazukihayase
0
120
20250912_RPALT_データを集める→とっ散らかる問題_Obsidian紹介
ratsbane666
0
100
CDK CLIで使ってたあの機能、CDK Toolkit Libraryではどうやるの?
smt7174
4
190
実践!カスタムインストラクション&スラッシュコマンド
puku0x
0
550
Featured
See All Featured
Dealing with People You Can't Stand - Big Design 2015
cassininazir
367
27k
Designing for humans not robots
tammielis
253
25k
Designing for Performance
lara
610
69k
Documentation Writing (for coders)
carmenintech
74
5k
GraphQLの誤解/rethinking-graphql
sonatard
72
11k
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
358
30k
Save Time (by Creating Custom Rails Generators)
garrettdimon
PRO
32
1.6k
[RailsConf 2023 Opening Keynote] The Magic of Rails
eileencodes
30
9.7k
Code Review Best Practice
trishagee
71
19k
Optimizing for Happiness
mojombo
379
70k
StorybookのUI Testing Handbookを読んだ
zakiyama
31
6.1k
Distributed Sagas: A Protocol for Coordinating Microservices
caitiem20
333
22k
Transcript
Overreacting React as a Paradigm @TheEricSauter Eric Sauter CharmCityJS
None
What is React? A JavaScript Library for Building Web apps
User interfaces Anything
React is a Paradigm
Declarative not Imperative What not How
None
Declarative not Imperative React jQuery button clicked button clicked update
state update state? re-render UI update the p tag text add an li update the bg color updated UI updated UI hide that one tag fire some other event cry wait for jQuery…
One-way data flow
State Event Render Component One-way data flow
No need to touch UI when state changes
No more spaghetti
Composability
<Button />
Simple -> Complex
Container Components (TM)
Higher-order components “A higher order component is just a React
component that wraps another one.” Use for render highjacking, state/props manipulation, and feature enhancement
<HideableButton hidden={true} />
Renderer-agnostic
import React from ‘react’; import ReactDOM from ‘react-dom’; React core
Renderer import React from ‘react’; import ReactNative from ‘react-native’; Renderer
React doesn’t care what you render to
Virtual Representation Render target DOM iOS Canvas Super Nintendo? React
magic Android <View /> render()
“Write once, run anywhere” “Learn once, write anywhere”
Familiar fundamentals Unique platforms
Examples in the wild!
React Native
facebook.github.io/react- native/docs
Victory
formidable.com/open-source/ victory/docs/
React-Three
toxicfork.github.io/react-three- renderer-example
react-hardware
github.com/iamdustan/react- hardware
react-music github.com/ FormidableLabs/ react-music @ken_wheeler
React and its principles make sense when building UIs (and
many other systems). Wrapping up It’s not a coincidence all of these technologies backed by React are popping up.
Eric Sauter www.fixt.co Thank you! @TheEricSauter