React TypeScript VSCode Snippets

A collection of useful VSCode snippets for React TypeScript development with Material-UI integration. More snippets coming in the future.

Installation

1. Open VSCode
2. Press Ctrl + Shift + P (Windows/Linux) or Cmd + Shift + P (Mac) and type "Snippets: Configure User Snippets", then select:
   • typescript.json for TypeScript snippets
   • typescriptreact.json for React TypeScript snippets
3. Select TypeScript React (.tsx) or TypeScript (.ts)
4. Copy the snippets from this repository to your snippets file

Available Snippets

Prefix	Description
muiTypography	Create a MUI Typography component
flexRow	Create a MUI Box with row flex layout
flexColumn	Create a MUI Box with column flex layout
newComponent	Create a new React component with TypeScript
customHook	Create a custom React hook template
createService	Create an API service method with types
reduxAsyncThunk	Create a Redux async thunk
reduxSlice	Create a Redux slice