MERN Stack · Interview Prep

Top 10 MERN Stack Interview Questions With Answers

QUESTION 01What is the MERN stack?

The MERN stack is a full-stack JavaScript framework for building web applications. It consists of four technologies:

• MongoDB — A NoSQL database that stores data in flexible, JSON-like documents.
• Express.js — A backend web application framework for building RESTful APIs.
• React — A frontend library for building user interfaces with reusable components.
• Node.js — A JavaScript runtime environment that executes JavaScript on the server.

QUESTION 02Explain the virtual DOM in React

The virtual DOM is a programming concept where a lightweight representation of the actual DOM is kept in memory.

How it works:

• When a component's state changes, React creates a new virtual DOM tree.
• It compares the new virtual DOM with the previous version (diffing).
• It calculates the minimum number of changes needed and applies only those changes to the actual DOM (reconciliation).

QUESTION 03What are MongoDB indexes?

Indexes in MongoDB are special data structures that improve the speed of query operations. They work similar to indexes in a book — they help you find information quickly without scanning the entire collection.

Types of indexes:

• Single field index: Index on a single field.
• Compound index: Index on multiple fields.
• Text index: Supports text search on string content.
• Geospatial index: For location-based queries.

QUESTION 04What is Express.js middleware?

Middleware in Express.js are functions that have access to the request object (req), the response object (res), and the next middleware function in the application's request-response cycle.

Common use cases:

• Logging: Log requests to the console.
• Authentication: Verify user tokens before allowing access.
• Parsing: Parse JSON or URL-encoded data.
• Error handling: Catch and handle errors.

QUESTION 05Explain useState and useEffect

useState and useEffect are React hooks that allow function components to use state and lifecycle features.

useState:

• Returns a stateful value and a function to update it.
• Syntax: const [count, setCount] = useState(0);

useEffect:

• Handles side effects like data fetching, subscriptions, or manually changing the DOM.
• Runs after every render by default, but can be controlled with dependencies.
• Syntax: useEffect(() => { // effect }, [dependencies]);

QUESTION 06What is the Node.js event loop?

The event loop is a fundamental concept in Node.js that enables non-blocking, asynchronous I/O operations. It allows Node.js to handle multiple operations concurrently even though JavaScript is single-threaded.

How it works:

• Node.js uses an event-driven, non-blocking architecture.
• Asynchronous operations (like file I/O, network requests) are delegated to the system kernel.
• The event loop constantly checks if any asynchronous operations have completed and then executes their callbacks.

QUESTION 07How does authentication work in MERN?

Authentication in a MERN stack application typically uses JSON Web Tokens (JWT).

Authentication flow:

• User registers with email/password (passwords are hashed and stored in MongoDB).
• User logs in — server validates credentials and generates a JWT.
• Token is sent back to the client and stored (usually in localStorage or cookies).
• Client sends the token with every subsequent request in the Authorization header.
• Server verifies the token using middleware before allowing access.

QUESTION 08What is MongoDB aggregation?

Aggregation in MongoDB is a pipeline-based data processing framework that allows you to transform and combine documents from one or more collections.

Common pipeline stages:

• $match: Filters documents (like WHERE in SQL).
• $group: Groups documents by a specified field.
• $sort: Sorts documents.
• $lookup: Performs a left outer join with another collection.
• $project: Shapes the output documents.

QUESTION 09Explain React state vs props

State and props are both used to manage data in React components, but they serve different purposes.

Props (Properties):

• Passed from parent to child components.
• Read-only — child components cannot modify their props.
• Used for passing configuration and data down the component tree.

State:

• Managed within the component itself.
• Mutable — can be updated using setState or useState.
• Used for data that changes over time (user input, API responses, etc.).

QUESTION 10How do you deploy a MERN application?

Deploying a MERN stack application typically involves deploying the frontend and backend separately.

Deployment options:

• Frontend (React): Deploy to Vercel, Netlify, or AWS S3. Run npm run build and upload the build folder.
• Backend (Node + Express): Deploy to Heroku, AWS EC2, DigitalOcean, or Render.
• Database (MongoDB): Use MongoDB Atlas for a managed cloud database.

SECTION 11Test yourself — MERN stack

SECTION 12Frequently asked questions

SECTION 13Related reads