---
title: "Discussion on \"Breaking Down a 68MB React Build: Architecture Fixes That Cut It to 21MB\" | Hashnode"
description: "Discussion on \"Breaking Down a 68MB React Build: Architecture Fixes That Cut It to 21MB\". A detailed breakdown of diagnosing a bloated 68MB React production build and the architectural and bundling optimizations that reduced it to 21MB, sig"
url: "https://hashnode.com/posts/react-build-size-optimization/69aee3f1af06a097c3a9db2a"
---

[Feed](https://hashnode.com/feed) /

Discussion

# [Breaking Down a 68MB React Build: Architecture Fixes That Cut It to 21MB](https://blog.ankitapatil.dev/react-build-size-optimization?utm_source=hashnode&utm_medium=feed)

A detailed breakdown of diagnosing a bloated 68MB React production build and the architectural and bundling optimizations that reduced it to 21MB, sig

Mar 9 · 5 min read · blog.ankitapatil.dev  
Read the article

-   [#reactjs](https://hashnode.com/tag/reactjs)
-   [#performance](https://hashnode.com/tag/performance)
-   [#frontend-development](https://hashnode.com/tag/frontend-development)
-   [#bundle-optimization](https://hashnode.com/tag/bundle-optimization)
-   [#webpack](https://hashnode.com/tag/webpack)
-   [#nextjs](https://hashnode.com/tag/nextjs)
-   [#system-architecture](https://hashnode.com/tag/system-architecture)
-   [#system-design](https://hashnode.com/tag/system-design)

## Written by

[Ankita Patil](https://hashnode.com/@ankitaP)

@ankitaP

  
[View profile](https://hashnode.com/@ankitaP)

## Responses

Markdown supported · ⌘↵ to post

No responses yet.