React Context Api

Transcript

1. Context API
2. [ … data and methods] Context <Header /> <TodoWritter /> <Todos /> <Filter /> Share data GLOBALLY
3. All components can access context values
4. Provider Component { !, ", ⚛ , $ } Anything here can be accessible from any children component
5. functional Class
6. All components can access provider’s value prop
7. Access context via render props
8. Access context context Type Access context by this property Only works on class component
9. By renderProps way we can access multiple context
10. Access context in functional component
11. We can access multiple context in functional component by useContext() method