DEV Community: Prantik Ghosh

What is Aggregation Pipeline in MongoDB?

Prantik Ghosh — Sun, 14 Dec 2025 14:47:15 +0000

Aggregation in MongoDB is referred as the process of performing different types of operations on multiple documents within a collection. This is done by using pipelines, which is made up of different stages. One stage output is the input for another/next stage.

Types of Aggregation pipelines:

$match: This is a fundamental pipeline stage used within the Aggregation to filter documents. It functions similarly to the standard find() query but is designed to work as a step in a multi-stage data processing pipeline.

Example:

const channel = await User.aggregate([
        {
            $match: {
                username: username?.toLowerCase()
            }
        },

$lookup: This is an aggregation stage used to perform a left outer join between two collections in the same database. It allows us to merge data from a foreign collection into documents from a local collection, enriching them with related information. The $lookup passes the reshaped stage to next stage.

Example:

        {
            $lookup: {
                from: 'subscriptions',
                localField: '_id',
                foreignField: 'channel',
                as: 'subscribers'
            }
        },
        {
            $lookup: {
                from: 'subscriptions',
                localField: '_id',
                foreignField: 'subscriber',
                as: 'subscribedTo'
            }
        },

$addFields: This is an aggregation pipeline stage that adds new fields to documents or overwrites existing ones. It is particularly useful when we want to include all existing fields in the output while only modifying or adding a few specific ones. Note: As per the docs, we can also use $set, as $set is an alias of $addFields.

Example:

        {
            $addFields: {
                subscribersCount: {
                    $size: '$subscribers'
                },
                channelsSubscribedToCount: {
                    $size: '$subscribedTo'
                },
                isSubscribed: {
                    $cond: {
                        if: {$in: [req.user?._id, '$subscribers.subscribers']},
                        then: true,
                        else: false
                    }
                }
            }
        }

In the above example, $cond is a ternary aggregation operator that allows us to implement if-then-else logic within aggregation pipelines, projections, and updates. It evaluates a boolean expression and returns one of two specified values based on the result.

$project: This is an aggregation pipeline stage that passes only specified fields to the next stage. It is used to:
include or exclude fields: 1(true) to include a field and 0(false) to exclude.
create new fields: add computed fields or rename existing ones by assigning an expression to a new field name.
reshape data: it can extract sub-fields from nested documents or create new array fields.

Example:

{
            $project: {
                fullName: 1,
                username: 1,
                subscribersCount: 1,
                channelsSubscribedToCount: 1,
                isSubscribed: 1,
                avatar: 1,
                coverImage: 1,
                email: 1,
            }
        }
    ]);

🌦️ 𝗝𝘂𝘀𝘁 𝗯𝘂𝗶𝗹𝘁 𝗮 𝗺𝗶𝗻𝗶 𝗪𝗲𝗮𝘁𝗵𝗲𝗿 𝗔𝗽𝗽 𝘄𝗶𝘁𝗵 𝗥𝗲𝗮𝗰𝘁 + 𝗧𝗮𝗻𝗦𝘁𝗮𝗰𝗸 𝗤𝘂𝗲𝗿𝘆 – 𝗮𝗻𝗱 𝗶𝘁'𝘀 𝗮 𝗣𝗪𝗔! 📱💻

Prantik Ghosh — Mon, 23 Jun 2025 19:32:21 +0000

Wanted to explore efficient data fetching & caching with TanStack Query (React Query) made it smooth and powerful. 💡

🔹 Real-time weather data
🔹 Clean API handling
🔹 Auto-detect your curent location and show real-time weather instantly — thanks to the 𝗚𝗲𝗼𝗹𝗼𝗰𝗮𝘁𝗶𝗼𝗻 𝗔𝗣𝗜 + 𝗧𝗮𝗻𝗦𝘁𝗮𝗰𝗸 𝗤𝘂𝗲𝗿𝘆! ⚡
🔹 Built with React, Tailwind CSS & OpenWeatherMap API

📌 𝗖𝗵𝗲𝗰𝗸 𝗶𝘁 𝗼𝘂𝘁:
• Live Demo
• GitHub Repo

👨‍💻 𝗠𝗼𝗿𝗲 𝗣𝗿𝗼𝗷𝗲𝗰𝘁𝘀:
Portfolio

Always learning, always building. Feedback welcome! 🙌

LinkedIn Post

#reactJS #TanStackQuery #ReactQuery #FrontendDev #JavaScript #WeatherApp

𝗥𝗲𝗮𝗰𝘁’𝘀 `𝙠𝙚𝙮` 𝗽𝗿𝗼𝗽 𝗶𝘀 𝗼𝗻𝗲 𝗼𝗳 𝘁𝗵𝗲 𝗺𝗼𝘀𝘁 𝗺𝗶𝘀𝘂𝗻𝗱𝗲𝗿𝘀𝘁𝗼𝗼𝗱 𝘁𝗵𝗶𝗻𝗴𝘀 — 𝗮𝗻𝗱 𝘁𝗼𝗱𝗮𝘆 𝗜 𝗱𝗲𝗰𝗶𝗱𝗲𝗱 𝘁𝗼 𝗯𝗿𝗲𝗮𝗸 𝗶𝘁 𝗱𝗼𝘄𝗻 𝗶𝗻 𝘁𝗵𝗲 𝘀𝗶𝗺𝗽𝗹𝗲𝘀𝘁 𝗽𝗼𝘀𝘀𝗶𝗯𝗹𝗲 𝘄𝗮𝘆 👇

Prantik Ghosh — Thu, 24 Apr 2025 14:56:02 +0000

🔑 What is `key` in React?

Whenever you render a list in React, you need to assign a key to each item:

const items = ['🚀', '🔥', '💻'];
items.map((item, index) => (
  <li key={index}> {item} </li>
));

At first glance, using the index as the key seems fine...

But here’s the truth: this can lead to subtle UI bugs and performance issues when items are added, removed, or reordered.

💥 Why?

React uses key to:

Identify which items have changed
Reuse DOM elements efficiently
Avoid unnecessary re-renders

When keys are unstable (like shifting indexes), React gets confused and might:

Update the wrong component
Lose input focus
Animate incorrectly

✅ The Better Way

const items = [
  { id: 1, emoji: '🚀' },
  { id: 2, emoji: '🔥' },
  { id: 3, emoji: '💻' },
];

items.map(({id, emoji}) => (
  <li key={id}>
     {emoji} {console.log(id)}
  </li>
));

🧠 This way, each item has a stable identity. React can now confidently handle changes without weird UI glitches.

🚨 Summary

Don’t just use index for the sake of removing a warning.
Use unique and stable keys to unlock React’s full rendering power.
This small habit will save you from big bugs later!

💬 Did this clarify something for you?

Let me know in the comments — or just drop a 🔥 if you’ve learned something new!

Click ME to get the original post on LinkedIn.

DEV Community: Prantik Ghosh

What is Aggregation Pipeline in MongoDB?

🌦️ 𝗝𝘂𝘀𝘁 𝗯𝘂𝗶𝗹𝘁 𝗮 𝗺𝗶𝗻𝗶 𝗪𝗲𝗮𝘁𝗵𝗲𝗿 𝗔𝗽𝗽 𝘄𝗶𝘁𝗵 𝗥𝗲𝗮𝗰𝘁 + 𝗧𝗮𝗻𝗦𝘁𝗮𝗰𝗸 𝗤𝘂𝗲𝗿𝘆 – 𝗮𝗻𝗱 𝗶𝘁'𝘀 𝗮 𝗣𝗪𝗔! 📱💻

🔑 What is key in React?

🔑 What is `key` in React?