Your extension, "Your Extension Name," provides a collection of useful React and JavaScript snippets to streamline your development workflow in Visual Studio Code. It includes the following snippets:
React Component with Complex API Request
Prefix: apicomplex
Description: Creates a React component with a complex API request example. Fetches data from an API and displays it with loading handling.
React Basic API Component
Prefix: apibas
Description: Generates a basic React class component that makes an API request and displays the data received from the API.
React Basic API Component with Button
Prefix: apibut
Description: Creates a basic React class component with a button to manually trigger an API request and display the data.
React Router Component
Prefix: routercomp
Description: Sets up a basic React Router component with routing for a home page.
React Form Component
Prefix: formcomp
Description: Generates a React functional component for creating a basic form with input fields and a submit button.
React Parent and Child Components
Prefix: parentcomp
Description: Creates a parent and child component pair in React, showcasing how to pass data and update state between them.
React Parent and Child Components
Prefix: postapi
Description: Creates a basic POST API request and a form.
Other snippets
Prefix: skillscss
Prefix: approuter
Prefix: home
Prefix: products
Prefix: productsapi
Prefix: product
Prefix: productapi
Prefix: orders
Usage
Install the extension in Visual Studio Code.
To use a snippet, open a React file, and type the corresponding prefix. For example, typing apicomplex will insert the "React Component with Complex API Request" snippet.
