DEV Community

Cover image for The top 10 nice-to-have VSCode extensions for a React development 🔥
Zhitomir Oreshenski
Zhitomir Oreshenski

Posted on

The top 10 nice-to-have VSCode extensions for a React development 🔥

ESLint - A pluggable and configurable linter tool for identifying and reporting on patterns in JavaScript. Maintain your code quality with ease

Prettier - An opinionated code formatter. Supports many languages, configurable and integrates with most editors

DotENV - A zero-dependency module that loads environment variables from a .env file into process .env

Bracket Pair Colorizer - A customizable extension for colorizing matching brackets

Import Cost - Display import/require package size in the editor

Auto Import - Automatically finds, parses and provides code actions and code completion for all available imports. Works with Typescript and TSX

File-icons - File-specific icons in VSCode for improved visual grepping

GitLens - Supercharges the Git capabilities built into Visual Studio Code. It helps you to visualize code authorship at a glance via Git blame annotations and code lens, seamlessly navigate and explore Git repositories, gain valuable insights via powerful comparison commands, and so much more

Path Intellisense - VSCode plugin that autocompletes filenames

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

Top comments (0)