paint-brush
Best Tools For Building Your First MERN Applicationby@ismailtlem
1,909 reads
1,909 reads

Best Tools For Building Your First MERN Application

by Ismail TlemcaniJanuary 5th, 2023
Read on Terminal Reader
Read this story w/o Javascript
tldt arrow

Too Long; Didn't Read

Top tools to use when building your next awesome web application using the MERN stack
featured image - Best Tools For Building Your First MERN Application
Ismail Tlemcani HackerNoon profile picture

In this article, I will share with you my list of the top tools to use when building your first web application using the MERN stack

What is the MERN stack

The MERN stack stands for MongoDB, Express.js, React.js, Node.js which are tools you can use to make complete web applications.

The main advantage of using this stack is using only one programming language which is JavaScript in the complete development cycle.

Global tools to use on all your app

  • Npm or Yarn which are tools to use to install the different packages of your web application
  • Node.js
  • Some code editor like Visual Studio Code 
  • Tools to use on your Frontend stack

    • If you are building a single page application, you can use Create-react-app to generate your frontend code. If you are building a static website, you can try Gatsby
    • For state management, you can use Redux
    • To perform unit testing and end to end testing on your code, you can use Jest and cypress
    • Vercel, Netlify or some similar hosting platform to deploy your frontend code

    Tools to use on your Backend stack

    • Expressto create your backend endpoints
    • Jest to test your backend code
    • An instance of MongoDB on your server
    • Mongoose to connect to your MongoDB instance from your backend code
    • Some hosting service like Firebase or Heroku to deploy your backend code