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
33
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
42
Other Decks in Programming
See All in Programming
XP, Testing and ninja testing ZOZ5
m_seki
3
630
10年もののAPIサーバーにおけるCI/CDの改善の奮闘
mbook
0
810
Software Architecture
hschwentner
6
2.3k
CSC305 Lecture 05
javiergs
PRO
0
210
デミカツ切り抜きで面倒くさいことはPythonにやらせよう
aokswork3
0
230
私はどうやって技術力を上げたのか
yusukebe
43
18k
Devvox Belgium - Agentic AI Patterns
kdubois
1
120
Go言語の特性を活かした公式MCP SDKの設計
hond0413
1
230
ソフトウェア設計の実践的な考え方
masuda220
PRO
4
570
階層構造を表現するデータ構造とリファクタリング 〜1年で10倍成長したプロダクトの変化と課題〜
yuhisatoxxx
3
1k
CSC305 Lecture 04
javiergs
PRO
0
270
スマホから Youtube Shortsを見られないようにする
lemolatoon
27
31k
Featured
See All Featured
Speed Design
sergeychernyshev
32
1.2k
Build your cross-platform service in a week with App Engine
jlugia
232
18k
GitHub's CSS Performance
jonrohan
1032
470k
The Web Performance Landscape in 2024 [PerfNow 2024]
tammyeverts
9
870
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
rmw
35
3.2k
The Cult of Friendly URLs
andyhume
79
6.6k
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
mongodb
48
9.7k
The Straight Up "How To Draw Better" Workshop
denniskardys
238
140k
Gamification - CAS2011
davidbonilla
81
5.5k
Designing Experiences People Love
moore
142
24k
How to train your dragon (web standard)
notwaldorf
96
6.3k
Imperfection Machines: The Place of Print at Facebook
scottboms
269
13k
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