johan44co
/ react-context-api.ts
Created
May 6, 2023 19:15
Using React Context API with TypeScript can make managing state across components a breeze! Check out this code snippet to see how it's done 👀 #React #TypeScript #WebDevelopment
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| import React, { createContext, useContext, useState } from 'react'; | |
| // define the shape of your context value | |
| interface AppContextValue { | |
| count: number; | |
| incrementCount: () => void; | |
| } | |
| // create the context with initial values | |
| const AppContext = createContext<AppContextValue>({ |