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
React Context Api
Search
King Rayhan
August 17, 2019
Programming
0
31
React Context Api
King Rayhan
August 17, 2019
Tweet
Share
More Decks by King Rayhan
See All by King Rayhan
The weirdest part of JavaScript
kingrayhan
2
41
Other Decks in Programming
See All in Programming
童醫院敏捷轉型的實踐經驗
cclai999
0
210
データの民主化を支える、透明性のあるデータ利活用への挑戦 2025-06-25 Database Engineering Meetup#7
y_ken
0
340
Flutterで備える!Accessibility Nutrition Labels完全ガイド
yuukiw00w
0
140
Team topologies and the microservice architecture: a synergistic relationship
cer
PRO
0
1.2k
WebViewの現在地 - SwiftUI時代のWebKit - / The Current State Of WebView
marcy731
0
110
Composerが「依存解決」のためにどんな工夫をしているか #phpcon
o0h
PRO
1
250
新メンバーも今日から大活躍!SREが支えるスケールし続ける組織のオンボーディング
honmarkhunt
3
4.4k
Node-RED を(HTTP で)つなげる MCP サーバーを作ってみた
highu
0
120
#kanrk08 / 公開版 PicoRubyとマイコンでの自作トレーニング計測装置を用いたワークアウトの理想と現実
bash0c7
1
680
AIと”コードの評価関数”を共有する / Share the "code evaluation function" with AI
euglena1215
1
120
Quand Symfony, ApiPlatform, OpenAI et LangChain s'allient pour exploiter vos PDF : de la théorie à la production…
ahmedbhs123
0
130
Rubyでやりたい駆動開発 / Ruby driven development
chobishiba
1
600
Featured
See All Featured
Principles of Awesome APIs and How to Build Them.
keavy
126
17k
Java REST API Framework Comparison - PWX 2021
mraible
31
8.7k
Music & Morning Musume
bryan
46
6.6k
The Psychology of Web Performance [Beyond Tellerrand 2023]
tammyeverts
48
2.9k
BBQ
matthewcrist
89
9.7k
The Web Performance Landscape in 2024 [PerfNow 2024]
tammyeverts
8
680
Understanding Cognitive Biases in Performance Measurement
bluesmoon
29
1.8k
Agile that works and the tools we love
rasmusluckow
329
21k
Building a Scalable Design System with Sketch
lauravandoore
462
33k
Adopting Sorbet at Scale
ufuk
77
9.4k
4 Signs Your Business is Dying
shpigford
184
22k
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
357
30k
Transcript
Context API
[ … data and methods] Context <Header /> <TodoWritter />
<Todos /> <Filter /> Share data GLOBALLY
All components can access context values
Provider Component { !, ", ⚛ , $ } Anything
here can be accessible from any children component
functional Class
All components can access provider’s value prop
Access context via render props
Access context context Type Access context by this property Only
works on class component
By renderProps way we can access multiple context
Access context in functional component
We can access multiple context in functional component by useContext()
method