Your Web News in One Place

Help Webnuz

Referal links:

Sign up for GreenGeeks web hosting
November 25, 2021 06:05 am GMT

Top 10 VSCode Extensions for React

What will be covered here?

We will be covering 10 essential visual studio code extensions for React developers. These extensions will help you code faster, cleaner and easier.

Top 10 VS Code Extensions for React

  1. ES7 React/Redux/GraphQL/React-Native snippets
  2. Prettier Codeformatted
  3. Bracket Pair Colorizer
  4. Auto Rename Tag
  5. VSCode React Refactor
  6. ESLint
  7. npm Intellisense
  8. TabOut
  9. change-case
  10. EditorConfig for VS Code

ES7 React/Redux/GraphQL/React-Native snippets Extension

JavaScript and React/Redux snippets in ES7+ with Babel plugin features forVS Code

Install It

Prettier Codeformatted

Prettieris an opinionated code formatter. It enforces a consistent style by parsing your code and re-printing it with its own rules that take the maximum line length into account, wrapping code when necessary.

**Prettier  Codeformatted**

Prettier Codeformatted

Install It

Highlight Matching Tag

This extension highlights matching opening and/or closing tags. Optionally it also shows the path to tag in the status bar. Even though VSCode has some basic tag matching, it's just that - basic. This extension will try to match tags anywhere: from tag attributes, inside of strings, any files, while also providing extensive styling options to customize how tags are highlighted.

**Highlight Matching Tag**

Highlight Matching Tag

Install It

Auto Rename Tag

Automatically rename paired HTML/XML tag, same as Visual Studio IDE does.

Auto Rename Tag

Auto Rename Tag

Install It

VSCode React Refactor

This simple extension provides JSX refactor code actions for React developers.

**VSCode React Refactor**

VSCode React Refactor

Install It

ESLint

ESLint statically analyzes your code to quickly find problems. ESLint is built into most text editors and you can run ESLint as part of your continuous integration pipeline.

Install It

npm Intellisense

It autocompletes npm modules in import statements.

**npm Intellisense**

npm Intellisense

Install It

TabOut

This extension allows you to tab out quotes, brackets, etc.

Install It

change-case

A wrapper aroundnode-change-casefor Visual Studio Code. Quickly change the case of the current selection or current word.

change-case

change-case

Install It

EditorConfig for VS Code

This pluginattemptsto override user/workspace settings with settings found in.editorconfigfiles. No additional or vscode-specific files are required. As with any EditorConfig plugin, ifroot=trueis not specified, EditorConfigwill continue to lookfor an.editorconfigfile outside of the project.

Install It

So these are the top 10 vs code extensions for React developers. Hope this article helps you with finding some best extensions for your React application development. These extensions can increase your productivity. Let us know if there are other extensions that you use in your daily life for React development. We love to use them as well. Goodbye for now, see you soon

To see more blogs, visit my blog site


Original Link: https://dev.to/rohidhub/top-10-vscode-extensions-for-react-57g6

Share this article:    Share on Facebook
View Full Article

Dev To

An online community for sharing and discovering great ideas, having debates, and making friends

More About this Source Visit Dev To