Skip to content
| Marketplace
Sign in
Visual Studio Code>Other>useStateMateNew to Visual Studio Code? Get it now.
useStateMate

useStateMate

aviralj02

|
120 installs
| (1) | Free
Simplify React state management with useState setter suggestions and auto-generation.
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

🪄 useStateMate: useState Helper

Easily transform selected text into a useState hook in JavaScript/TypeScript and get autocompletions for the setter function! This extension streamlines React state management by suggesting setter function names as you type and by helping you quickly create useState hooks with inferred types from selected text

✨ Features

Auto-Suggest Setter Function for useState

  • Start typing a useState declaration, and when you enter const [stateVariable, , the extension will suggest an autocompletion for the setter function name.
  • Works for JavaScript and TypeScript files, including .js, .jsx, .ts, and .tsx.

Convert Selected Text to useState Hook with Inferred Type

  • Select any text, press CTRL + SHIFT + P , and choose "Add useState With Types".
  • Enter a name for your state variable, and the extension will auto-generate a useState hook with an inferred type based on the selected text.

🚀 Usage

Auto-Suggest Setter Function for useState

autocomplete-usage

Convert Selected Text to useState Hook with Inferred Type

infer-type-usage

🔧 Requirements

  • Works with JavaScript/TypeScript in files with extensions .js, .jsx, .ts, and .tsx.
  • No additional setup needed after installation.

👤 Author

Authored and maintained by aviralj02.

  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2025 Microsoft