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
Result型で“失敗”を型にするPHPコードの書き方
kajitack
5
600
git worktree × Claude Code × MCP ~生成AI時代の並列開発フロー~
hisuzuya
1
550
datadog dash 2025 LLM observability for reliability and stability
ivry_presentationmaterials
0
450
地方に住むエンジニアの残酷な現実とキャリア論
ichimichi
5
1.5k
WebViewの現在地 - SwiftUI時代のWebKit - / The Current State Of WebView
marcy731
0
110
AIエージェントはこう育てる - GitHub Copilot Agentとチームの共進化サイクル
koboriakira
0
510
童醫院敏捷轉型的實踐經驗
cclai999
0
210
生成AIコーディングとの向き合い方、AIと共創するという考え方 / How to deal with generative AI coding and the concept of co-creating with AI
seike460
PRO
1
360
Railsアプリケーションと パフォーマンスチューニング ー 秒間5万リクエストの モバイルオーダーシステムを支える事例 ー Rubyセミナー 大阪
falcon8823
5
1.1k
Flutterで備える!Accessibility Nutrition Labels完全ガイド
yuukiw00w
0
150
LT 2025-06-30: プロダクトエンジニアの役割
yamamotok
0
720
猫と暮らす Google Nest Cam生活🐈 / WebRTC with Google Nest Cam
yutailang0119
0
110
Featured
See All Featured
Documentation Writing (for coders)
carmenintech
72
4.9k
The Success of Rails: Ensuring Growth for the Next 100 Years
eileencodes
45
7.5k
Connecting the Dots Between Site Speed, User Experience & Your Business [WebExpo 2025]
tammyeverts
5
260
Helping Users Find Their Own Way: Creating Modern Search Experiences
danielanewman
29
2.7k
Fight the Zombie Pattern Library - RWD Summit 2016
marcelosomers
233
17k
Performance Is Good for Brains [We Love Speed 2024]
tammyeverts
10
950
Making the Leap to Tech Lead
cromwellryan
134
9.4k
Git: the NoSQL Database
bkeepers
PRO
430
65k
ReactJS: Keep Simple. Everything can be a component!
pedronauck
667
120k
How GitHub (no longer) Works
holman
314
140k
Building Better People: How to give real-time feedback that sticks.
wjessup
367
19k
Bash Introduction
62gerente
614
210k
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