⚡ 𝗙𝗮𝘀𝘁 𝗯𝘂𝗶𝗹𝗱𝘀 𝗱𝗼𝗻'𝘁 𝗮𝘂𝘁𝗼𝗺𝗮𝘁𝗶𝗰𝗮𝗹𝗹𝘆 𝗰𝗿𝗲𝗮𝘁𝗲 𝗳𝗮𝘀𝘁 𝗮𝗽𝗽𝗹𝗶𝗰𝗮𝘁𝗶𝗼𝗻𝘀. @angular's new build system is a huge win for developer productivity. Build times are dramatically faster, making the development experience better than ever. But there's another side to the story. In large applications, the new bundling strategy can produce hundreds of small @JavaScript chunks. While that helps the bundler optimize build speed, it can significantly increase the number of network requests during page load—and those requests still have a cost, even with HTTP/2 and HTTP/3. In our tests, simply increasing the number of additional chunks from 𝗼 𝘁𝗼 𝟱𝟬𝟬 increased 𝗟𝗮𝗿𝗴𝗲𝘀𝘁 𝗖𝗼𝗻𝘁𝗲𝗻𝘁𝗳𝘂𝗹 𝗣𝗮𝗶𝗻𝘁 (𝗟𝗖𝗣) from 𝟮.𝟵𝟱 𝘀 𝘁𝗼 𝟱.𝟳𝟵 𝘀—without increasing the amount of JavaScript or changing the rendered content. That led us to a question: 𝗖𝗮𝗻 𝘄𝗲 𝗸𝗲𝗲𝗽 𝗘𝘀𝗯𝘂𝗶𝗹𝗱'𝘀 𝗶𝗻𝗰𝗿𝗲𝗱𝗶𝗯𝗹𝗲 𝗯𝘂𝗶𝗹𝗱 𝘀𝗽𝗲𝗲𝗱 𝘄𝗵𝗶𝗹𝗲 𝗽𝗿𝗼𝗱𝘂𝗰𝗶𝗻𝗴 𝗮 𝗯𝘂𝗻𝗱𝗹𝗲 𝘁𝗵𝗮𝘁'𝘀 𝗼𝗽𝘁𝗶𝗺𝗶𝘇𝗲𝗱 𝗳𝗼𝗿 𝗿𝘂𝗻𝘁𝗶𝗺𝗲 𝗽𝗲𝗿𝗳𝗼𝗿𝗺𝗮𝗻𝗰𝗲? In our latest article we explore: ✅ Why chunk count matters more than many developers realize ✅ Why Angular's new build system produces so many chunks ✅ Why HTTP/2 doesn't make requests "free" ✅ Reachability-based bundle optimization strategies ✅ How we built @rx-angular/rebundle to optimize Angular production bundles If you're working on a large Angular application, this is worth understanding. 🔗 𝗥𝗲𝗮𝗱 𝘁𝗵𝗲 𝗳𝘂𝗹𝗹 𝗮𝗿𝘁𝗶𝗰𝗹𝗲: push-based.io/article/faster… #Angular #Performance #WebPerformance #JavaScript #Esbuild #CoreWebVitals #WebDev

🚀 𝗔𝗻𝗴𝘂𝗹𝗮𝗿 𝟮𝟮 𝗡𝗲𝘄𝘀: 𝗕𝗲𝘁𝘁𝗲𝗿 𝗘𝘅𝗵𝗮𝘂𝘀𝘁𝗶𝘃𝗲 𝗧𝘆𝗽𝗲 𝗖𝗵𝗲𝗰𝗸𝗶𝗻𝗴 @angular keeps improving template type safety. 🔥 With Angular 22, you can now use other expressions for exhaustive type checking inside @𝖲𝗐𝗂𝗍𝖼𝗁 blocks, making template logic safer and more expressive. 👉 What changes? 🛡️ 𝗦𝘁𝗿𝗼𝗻𝗴𝗲𝗿 𝗧𝘆𝗽𝗲 𝗦𝗮𝗳𝗲𝘁𝘆 Angular helps ensure all possible states are handled correctly. 🧠 𝗦𝗺𝗮𝗿𝘁𝗲𝗿 @𝗦𝘄𝗶𝘁𝗰𝗵 𝗟𝗼𝗴𝗶𝗰 You can use patterns like never(state) in @default to verify exhaustiveness. 🐛 𝗖𝗮𝘁𝗰𝗵 𝗠𝗶𝘀𝘀𝗶𝗻𝗴 𝗖𝗮𝘀𝗲𝘀 𝗘𝗮𝗿𝗹𝘆 If a new state is introduced and not handled, TypeScript will tell you. ⚙️ 𝗠𝗼𝗿𝗲 𝗥𝗲𝗹𝗶𝗮𝗯𝗹𝗲 𝗧𝗲𝗺𝗽𝗹𝗮𝘁𝗲𝘀 Less runtime guessing, more compiler guarantees. This is another example of Angular pushing correctness into the compiler instead of production. #Angular #TypeScript #Frontend

🚀 Next Monday (June 15) at #enterJS! @angular #Signals are no longer the future—they're the foundation of modern Angular development. If you want to understand not just how Signals work, but how to use them effectively in real applications, join @Michael_Hladky and Julian Jandl (@hoebbelsB) for a full day of hands-on learning. 🎓 𝗧𝗵𝗲 𝗦𝗶𝗴𝗻𝗮𝗹 𝗥𝗲𝘃𝗼𝗹𝘂𝘁𝗶𝗼𝗻: 𝗔 𝗗𝗲𝗲𝗽 𝗗𝗶𝘃𝗲 𝗶𝗻𝘁𝗼 𝗠𝗼𝗱𝗲𝗿𝗻 𝗔𝗻𝗴𝘂𝗹𝗮𝗿 We'll cover: ⚡ Signals, computed & effect 🔄 Signals + RxJS interoperability 📡 Resource & RxResource 📝 Signal Forms 🚀 Zoneless Angular & modern change detection 🧩 Real-world patterns and best practices The workshop takes place in Mannheim, and there are still a few seats available. 🏃‍➡️ 🎟️ Secure yours at enterjs.de #Angular #Signals #EnterJS