React Snippets Extension

An extension for Visual Studio Code that provides helpful snippets for faster and more efficient React coding (JavaScript and JSX). 🎉

📦 Features

React Component Shortcuts: Create basic functional components in seconds.
React Hooks: Ready-to-use snippets for useState, useEffect, useReducer, and more.
Form Handling: Streamlined creation of controlled forms and data submission handling.
Routing: Quickly set up React Router and manage routes.
Advanced Patterns: Custom Hooks, React Context API, Error Boundaries.

🚀 Installation

Open Visual Studio Code.
Go to the Extensions view (or press Ctrl+Shift+X / Cmd+Shift+X).
Search for React Snippets Extension.
Click Install.

🛠️ Usage

Once installed, you can use snippets in the editor. Type the appropriate prefix and press Tab to insert the code.

Example:
Type rjs-start → Press Tab → Get:

import React from 'react';

const MyComponent = () => {
  return (
    <div>
      {/* Your code here */}
    </div>
  );
};

export default MyComponent;

📖 Snippets List

React (.js, .jsx)

Prefix	Description
`rjs-start`	Create a basic React functional component.
`rjs-usestate`	`useState` hook for state management.
`rjs-useeffect`	`useEffect` hook for handling side effects.
`rjs-useref`	`useRef` hook for storing values or manipulating the DOM.
`rjs-controlledinput`	Controlled input field using state.
`rjs-formsubmit`	Form submission handling.
`rjs-usereducer`	`useReducer` hook for managing complex state.
`rjs-reactcontextsetup`	React Context API setup.
`rjs-reactroutersetup`	Basic React Router configuration.
`rjs-customhook`	Create a custom hook.

📜 License

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

Happy coding! 🚀

GreatSnippets

LTBLV