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
JTCにおける内製×スクラム開発への挑戦〜内製化率95%達成の舞台裏/JTC's challenge of in-house development with Scrum
aeonpeople
0
270
Terraformで構築する セルフサービス型データプラットフォーム / terraform-self-service-data-platform
pei0804
1
200
2025/09/16 仕様駆動開発とAI-DLCが導くAI駆動開発の新フェーズ
masahiro_okamura
0
140
AIエージェント開発用SDKとローカルLLMをLINE Botと組み合わせてみた / LINEを使ったLT大会 #14
you
PRO
0
130
これでもう迷わない!Jetpack Composeの書き方実践ガイド
zozotech
PRO
0
1.1k
未経験者・初心者に贈る!40分でわかるAndroidアプリ開発の今と大事なポイント
operando
6
750
今日から始めるAWSセキュリティ対策 3ステップでわかる実践ガイド
yoshidatakeshi1994
0
120
「その開発、認知負荷高すぎませんか?」Platform Engineeringで始める開発者体験カイゼン術
sansantech
PRO
2
920
まずはマネコンでちゃちゃっと作ってから、それをCDKにしてみよか。
yamada_r
2
120
Unlocking the Power of AI Agents with LINE Bot MCP Server
linedevth
0
120
5分でカオスエンジニアリングを分かった気になろう
pandayumi
0
260
共有と分離 - Compose Multiplatform "本番導入" の設計指針
error96num
2
1.2k
Featured
See All Featured
Fireside Chat
paigeccino
39
3.6k
The Cult of Friendly URLs
andyhume
79
6.6k
The Invisible Side of Design
smashingmag
301
51k
Done Done
chrislema
185
16k
Producing Creativity
orderedlist
PRO
347
40k
Building a Modern Day E-commerce SEO Strategy
aleyda
43
7.6k
The Straight Up "How To Draw Better" Workshop
denniskardys
236
140k
I Don’t Have Time: Getting Over the Fear to Launch Your Podcast
jcasabona
33
2.4k
It's Worth the Effort
3n
187
28k
Save Time (by Creating Custom Rails Generators)
garrettdimon
PRO
32
1.6k
Thoughts on Productivity
jonyablonski
70
4.8k
Building a Scalable Design System with Sketch
lauravandoore
462
33k
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