React Snippets Extension

This extension provides a collection of useful React code snippets for developers working with TypeScript or JavaScript react files in their projects.

Features

• React Snippets: Quick access to common modern React patterns and components.
• Not giving options for old styles of writing react such as class components

Installation

1. Open VS code
2. Press ctrl + p to open command palette
3. Paste this ext install PabloRivera.react-snippets-extension

Available Commands

Snippets:

• rfc: Create a React functional component.
• usest: Insert a useState hook template.
• useef: Insert a useEffect hook template.
• usecb: Insert a useCallback hook template.
• usem: Insert a useMemo hook template.
• rhook: Add PropTypes to a component.

Commands (ctrl + shift + p) and code actions (ctrl + . ) on text selection:

• Wrap with useCallback
• Wrap with useEffect
• Wrap with useMemo

Type any of these prefixes in a supported file and select the snippet from the suggestions to quickly scaffold React code.

Contributing

Feel free to submit issues or pull requests if you have suggestions or improvements for the extension.

License

This project is licensed under the MIT License. See the LICENSE file for more details.