/react-typescript-context-example

A short React example of how to use Context with useState hook for app state management.

Primary LanguageTypeScriptDo What The F*ck You Want To Public LicenseWTFPL

React TypeScript Context Example

A short React example of how to use Context with useState hook for app state management. This project is written in TypeScript, based on create-react-app tool.

It follows TS cheatsheet guidelines.

What it does

This project is minimal, the step by step goes like this:

  • Fields and default values of context data are defined in MyContext.tsx.

  • App is wrapped in our MyContextProvider in App.tsx.

  • Context data is modified in Inputs.tsx with get/set tuple returned from useMyContext.

  • Store data is displayed in TextBlue.tsx and TextRed.tsx with data returned from useMyContext.

How to use in your project

Create your project normally:

create-react-app myproject --template typescript

Then just copy MyContext.tsx into your project and modify the initialState object to suit your needs.