14 Useful Extensions For VSCode For React And React Native Developers
Hey, guys! Let’s start a new week with some useful information. Discover a selection of helpful extensions that will speed up the work of React and React Native developers. For using in VSCode.
VSCode is a cross-platform open-source editor that is a favorite among programmers (especially web developers). It’s fast, extensible, and has a ton of features and customizations.
Snippets
Snippets are shortcuts in the editor that are transformed into full-fledged code. Instead of import React from ‘react’; we write imr and press Tab to expand the snippet. In particular, clg is expanded into console.log.
Todo Highlighter
- Todo Highlighter highlights TODO/FIXME or other comments in bright colors. Todo Highlighter’s fancy new feature is a list of highlighted comments, which is displayed in the console.
- Todo+ a more powerful plugin with many new features.
Automatic plugins
- Auto Close Tag — automatically closes the tag. For example, if you put <div>, automatically adds </div>.
- Auto Import adds imports to variables from packages in package.json or other files.
- Auto-Save on Window Change saves changes when you minimize the VS code.
- Path Autocomplete allows you to select the following folder in the context menu in the path, e.g. for pictures
- Typescript/Javascript Deporter — all variables that were imported and not used are automatically deleted.
- Import Cost allows you to see the size of the imported modules. You will see where you are importing the entire library or a specific part of it. This is valuable when building a project in Webpack.
Themes
- Rainbow Brackets makes brackets colorful.
- indent-rainbow makes color indentations.
- Material Theme — nice dark theme
- Material Theme Icons — nice dark theme #2.
What cool services do you use in your work? Share in the comments!
Check out our blog for more interesting articles.
