OAuth2 and Social Login

Lectures 49 • 40 slides

Narration

Lesson 49 Slide 1: State Management (Context API)

mindmap root((State Management)) Props Drilling Problem Context API createContext Provider useContext useReducer Pattern Theme Switching Implementation

Review from Last Time

  • Basic concepts of React Router
  • BrowserRouter and Routes/Route configuration
  • useNavigate, useParams hooks
  • Nested routing

Today's Learning Objectives

  • What is the Props Drilling Problem?
  • Overview and mechanism of Context API
  • How to use createContext and Provider
  • Getting values with the useContext hook
  • Context + useReducer pattern
  • Practice: Implementing a theme switching feature

Learning Objectives

Be able to efficiently share state between components using the Context API

1/40

Apps - Try Now

SaaS web services and mobile apps from Yamashin Research Lab.

View Apps