VS Code extensions you must install for React Native development
What are VS Code extensions?
VS Code extensions let you add languages, debuggers, and tools to your installation to support your development workflow. VS Code's rich extensibility model lets extension authors plug directly into the VS Code UI and contribute functionality through the same APIs used by VS Code.
React Native and VS Code make the ideal starting point for mobile developers when developing mobile applications. Both have tens of thousands of libraries and extensions to make the work of developers easier. However, selecting one from the lengthy list can be difficult because many of them share the same functionalities.
In order to develop React Native applications, I will guide you in selecting the finest VS Code extensions for your workspace in this article.
- ES7+ React/Redux/React-Native snippets
Extensions for React, React-Native, and Redux in JS/TS with ES7+ syntax. Customizable. Built-in integration with prettier.
- VSCode React Refactor
Recompose your overgrown JSX without worrying about the given data.
- Prettier
Prettier is 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.
- vscode-styled-components
The styled-components extension adds highlighting and IntelliSense for styled-component template strings in JavaScript and TypeScript.
- Import Cost
This extension will display inline in the editor the size of the imported package. The extension utilizes a webpack in order to detect the imported size.
- Expo Tools
Expo for vscode adds suggestions and docs for all Expo configs. It also shows live previews for native files from prebuild, right in your editor!
- GitLens
Visualize code authorship at a glance via Git blame annotations and CodeLens, seamlessly navigate and explore Git repositories, gain valuable insights via rich visualizations and powerful comparison commands, and so much more.
- Git Graph
View a Git Graph of your repository, and perform Git actions from the graph.
