Frontend Nation Mighty Bites with Jan-Niklas Wortmann: Optimizing Angular Content Projection

Описание: In this tutorial, Jan-Niklas Wortmann, Developer Advocate at JetBrains and Google Developer Expert for Angular, will address a common issue in Angular projects related to content projection. Using an accordion component as an example, Jan-Niklas will demonstrate how using ng-content can lead to unnecessary evaluation of inner components, even when the accordion is closed. He will then guide you through the process of refactoring the component to use ng-template and template outlet instead, as recommended by the Angular documentation for cases where conditional rendering or multiple renderings of content are required. By the end of this tutorial, you'll understand how to optimize your Angular components for better performance and maintainability when using content projection.

---

The world of frontend development is brimming with exciting possibilities 🙌 Don't miss out on the chance to learn from the best courtesy of Frontend Nation:
💻 Read our blog: https://frontendnation.com/blog
▶️ Watch the rest of the videos (talks, Q&As, mighty bites and more):    • Frontend Nation 2024  
🎟️ Sign up for Frontend Nation 2025 so you can stay up to date with what we have planned.

---

💜 Special thanks to all our event sponsors for 2024:
Diamond Sponsors
Sentry: https://sentry.io/
TinyMCE: https://www.tiny.cloud/
Convex: https://www.convex.dev/
Vue School: https://vueschool.io/
Certificates.dev: https://certificates.dev/

Platinum Sponsors
Cypress: https://www.cypress.io/
JSWorld Conference: https://jsworldconference.com/
StackBlitz: https://stackblitz.com/
Vue.js Certifcation: https://certificates.dev/vuejs/
Angular Certification: https://certificates.dev/angular

Gold Sponsors
Smashing Magazine: https://www.smashingmagazine.com/
WeAreDevelopers: https://www.wearedevelopers.com/
Techtonica: https://techtonica.org/
OfferZen: https://www.offerzen.com/
vFairs: https://www.vfairs.com/
Mastering Nuxt: https://masteringnuxt.com/
Mastering Pinia: https://masteringpinia.com/