$30 off During Our Annual Pro Sale. View Details »
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
34
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
43
Other Decks in Programming
See All in Programming
Flutter On-device AI로 완성하는 오프라인 앱, 박제창 @DevFest INCHEON 2025
itsmedreamwalker
1
110
C-Shared Buildで突破するAI Agent バックテストの壁
po3rin
0
390
Github Copilotのチャット履歴ビューワーを作りました~WPF、dotnet10もあるよ~ #clrh111
katsuyuzu
0
110
AIコーディングエージェント(NotebookLM)
kondai24
0
190
React Native New Architecture 移行実践報告
taminif
1
150
実はマルチモーダルだった。ブラウザの組み込みAI🧠でWebの未来を感じてみよう #jsfes #gemini
n0bisuke2
2
1.1k
TUIライブラリつくってみた / i-just-make-TUI-library
kazto
1
390
開発に寄りそう自動テストの実現
goyoki
2
980
これだけで丸わかり!LangChain v1.0 アップデートまとめ
os1ma
6
1.8k
愛される翻訳の秘訣
kishikawakatsumi
3
330
「コードは上から下へ読むのが一番」と思った時に、思い出してほしい話
panda728
PRO
38
26k
組み合わせ爆発にのまれない - 責務分割 x テスト
halhorn
1
150
Featured
See All Featured
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
stephaniewalter
285
14k
A Modern Web Designer's Workflow
chriscoyier
698
190k
ピンチをチャンスに:未来をつくるプロダクトロードマップ #pmconf2020
aki_iinuma
128
54k
jQuery: Nuts, Bolts and Bling
dougneiner
65
8.3k
How Fast Is Fast Enough? [PerfNow 2025]
tammyeverts
3
390
Sharpening the Axe: The Primacy of Toolmaking
bcantrill
46
2.6k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
chriscoyier
508
140k
The Language of Interfaces
destraynor
162
25k
Art, The Web, and Tiny UX
lynnandtonic
303
21k
4 Signs Your Business is Dying
shpigford
186
22k
The Cost Of JavaScript in 2023
addyosmani
55
9.4k
Designing for Performance
lara
610
69k
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