Essential VSCode Extensions For MERN Developers
VSCode lets us customize the IDE the way we want including the way MERN Developers want it. With that came a lot of extensions for us to choose and today I’ll let you know which are essential for MERN Stack developers.
All these extensions are not like a to-do list or a must list, you can just choose what works for you best since a lot of them are snippets, choose what you need to maximize your productivity and lessen the stress of repetitive coding.
MERN Stack — MongoDB, ExpressJS, ReactJS, NodeJS
Mern Stack by simple words is a complete stack for developing an application by using MongoDB for database, ExpressJS, and NodeJS for the backend and ReactJS for the frontend. There are other stacks like MEAN, LAMP, etc.. but today I’ll e focusing on MERN Developers.
Without taking more of your time, here are the extensions.
Mern Snippets
An extension at the time of writing handles everything out of the box. And Mern Snippets also includes Redux and Axios snippets to boost up your productivity.
You can download it in the marketplace.
MongoDB
MongoDB has become more and more popular today in the world of Database.
Mongo Snippets for Node.js
Includes code snippets for your MongoDB connection and queries, provides auto-completion suggestions and setups boilerplate code for productivity booster.
You can download it in the marketplace.
ExpressJS
boilerplate for basic server, routes, common middleware such as helmet, compression, body-parser, common express methods such as templating, error handling.
ExpressJS 4 Snippets
Is a great extension for autocomplete with any express related methods for Javascript — contains 70 snippets and supports es6 syntax.
You can download it in the marketplace.
Express-faster
Another express snippet provides boilerplate for basic CRUD routes for faster development. Additionally, it also has a few snippets for mongoose which is a pretty good deal.
You can download it in the marketplace.
ReactJS
Functional components, hooks, class-based components, HOC, Testing, Redux, GraphQL, and prop-types.
ReactJS Code Snippets
React Snippet for Javascript, Typescript, Javascript React, and Typescript React.
You can download it in the marketplace.
ES7 React/Redux/GraphQL/React-Native snippets
Another code snippet extension that gives you more than it says, for Javascript, React/Redux in ES7 with babel plugin.
You can download it in the marketplace.
NodeJS
For vanilla nodejs.
Node-snippets
A collection of nodejs snippets, provides some awesome snippets for events, HTTP server, express, promises, async/await, but lacks some basic things like requiring global modules path, fs, etc.
You can download it in the marketplace.
Code Runner
Is an absolute must and it is not just for node! It allows you to run code simply and effectively even if its python, PHP, C#, etc.
You can download it in the marketplace.
Rest Client
Allows you to send HTTP requests and view the response in VSCode directly.
You can download it in the marketplace.
npm-intellisense by Christian Kohler
Is a great extension that searches inside the node module folder to help you import/require the npm package you need, this autocompletes your npm module for imports.
You wouldn’t want to spend time looking for it though so why not automate things as much as possible.
You can download it in the marketplace.
Recommended reading
- Is Android just Linux?
- Typography: A beautiful curse
- ARE Artificial intelligence and Data science related?
- The Basics of Version Control System
- 7 Practical Color Tips for Cheating at Design
Thanks for Reading!
If you like my work and want to support me…
- The BEST way to support me is by following me on Medium here.
- Be one of the FIRST to follow me on Twitter here. I’ll be posting lots of updates and interesting stuff here!
- Also, be one of the FIRST to subscribe to my new YouTube channel here!
- Follow me on LinkedIn here.
- Check out my website, Coming Soon.
