> Markdown version of [/playlists/frontend-frameworks](https://www.wearedevelopers.com/playlists/frontend-frameworks). Every page supports `.md` or `Accept: text/markdown`. Links point to the HTML versions so they work for humans too. Agent guide: [/agents.md](https://www.wearedevelopers.com/agents.md). --- # Playlist: Frontend frameworks 17 videos · 18 moments · 56.6 minutes ## On tour with heroes == Moving from Angular to WebComponents - **Introduction and motivation for exploring new frontend frameworks** (00:17, 2min) — Continuous learning and exploring new technologies help development teams adapt to the ever-changing frontend landscape. [Learn more](https://www.wearedevelopers.com/videos/63-on-tour-with-heroes-moving-from-angular-to-webcomponents) ## Coffee With Developers Michael Koitz - **Standardizing frontend framework choices for full-stack compatibility** (14:49, 1min) — Selecting specialized web frameworks for different business units balances application performance requirements with backend developer familiarity. [Learn more](https://www.wearedevelopers.com/videos/891-coffee-with-developers-michael-koitz) ## A journey of a long list in React - **Evaluating element recycling capabilities inside modern frontend frameworks** (33:53, 1min) — Continuous change engine polling replaces the historic requirement for constructing external object pool memory managers. [Learn more](https://www.wearedevelopers.com/videos/203-a-journey-of-a-long-list-in-react) ## Decoupling 101 - Why decouple, when not to, progressive decoupling and success stories in decoupling - **Layering frontend frameworks using progressive decoupling strategies** (22:58, 5min) — Surfacing specialized JavaScript components inside existing monoliths grants engineering velocity while preserving familiar workflows for content m... [Learn more](https://www.wearedevelopers.com/videos/266-decoupling-101-why-decouple-when-not-to-progressive-decoupling-and-success-stories-in-decoupling) ## Bridging the Gap - **Supported frontend frameworks and hosting capabilities** (05:38, 0min) — Hosted deployment platforms establish simplified infrastructure for modern single page applications and various popular frontend environments. [Learn more](https://www.wearedevelopers.com/videos/794-bridging-the-gap) ## Building a framework-independent component library - **The challenges of multiple frontend technology stacks** (00:00, 1min) — Using different frameworks on the same site often leads to styling inconsistencies. [Learn more](https://www.wearedevelopers.com/videos/1679-building-a-framework-independent-component-library) ## To New Frontiers: The Future of Frontend Development - **Dominance of the big three frontend frameworks** (02:31, 1min) — Angular, React, and Vue have established unprecedented longevity and industry adoption. - **Early evolution of frontend development frameworks** (00:00, 2min) — The history of web development transitions from rapid framework turnover to more stable choices. [Learn more](https://www.wearedevelopers.com/videos/404-to-new-frontiers-the-future-of-frontend-development) ## Nx - the easy choice - **Navigating the overwhelming choice in frontend development** (00:03, 7min) — How decision fatigue impacts developers dealing with the constant proliferation of frontend frameworks and libraries. [Learn more](https://www.wearedevelopers.com/videos/292-nx-the-easy-choice) ## How to Build Truly Production-ready Apps - Modern JS-based SaaS Stack for Indie Devs and Small Teams - **Analyzing legacy content systems alongside modern decoupled architectures** (34:28, 2min) — While legacy monolithic templates run significant web traffic, learning raw components via frontend frameworks delivers cleaner skill progression. [Learn more](https://www.wearedevelopers.com/videos/246-how-to-build-truly-production-ready-apps-modern-js-based-saas-stack-for-indie-devs-and-small-teams) ## The Illusion of a Performant Web Application - **Bundle sizes and frontend framework choices** (03:09, 3min) — Understanding how monolithic architecture decisions and massive javascript bundles impact initial loading times. [Learn more](https://www.wearedevelopers.com/videos/817-the-illusion-of-a-performant-web-application) ## WeAreDevelopers LIVE – You Don’t Need JavaScript, Modern CSS and More - **Navigating CSS complexity and embracing core frontend technologies** (57:47, 8min) — Mastering fundamental CSS and HTML capabilities prevents developers from overusing external frameworks and unnecessary JavaScript abstractions. [Learn more](https://www.wearedevelopers.com/videos/1788-wearedevelopers-live-you-don-t-need-javascript-modern-css-and-more) ## Microfrontends at Scale - **Recapping frontend scaling patterns and distributed UI techniques** (23:39, 1min) — Implementing discrete microfrontends, edge routing, and standardized design systems modernizes frontend scalability. [Learn more](https://www.wearedevelopers.com/videos/236-microfrontends-at-scale) ## Security in modern Web Applications - OWASP to the rescue! - **Shift of security responsibilities to frontend developers** (00:04, 2min) — The transition to full-stack frameworks shifts security boundaries previously handled by backend teams directly to the frontend. [Learn more](https://www.wearedevelopers.com/videos/724-security-in-modern-web-applications-owasp-to-the-rescue) ## Native Federation: The Future of Micro Frontends and Plugin-Systems in Angular - **Integrating multiple frameworks with the Frankenstein architecture** (18:34, 5min) — Encapsulating differing frontend frameworks and versions into web components enables concurrent runtime execution. [Learn more](https://www.wearedevelopers.com/videos/1018-native-federation-the-future-of-micro-frontends-and-plugin-systems-in-angular) ## Headless and JAMstack - The State of Commerce Today - **Combining headless backend systems with frontend web frameworks** (27:30, 3min) — Disconnecting structural content management systems from interactive frontend displays dramatically improves deployment and rendering strategies. [Learn more](https://www.wearedevelopers.com/videos/97-headless-and-jamstack-the-state-of-commerce-today) ## Micro-frontends anti-patterns - **Avoiding the multi-framework micro-frontend approach** (11:25, 2min) — Mixing UI frameworks inside a single page application should remain a temporary workaround for legacy migrations or acquisitions. [Learn more](https://www.wearedevelopers.com/videos/299-micro-frontends-anti-patterns) ## Advanced Micro Frontends: Multi-Version and Multi-Framework Scenarios - **Evaluating architectural alternatives to multi-framework micro frontends** (19:14, 2min) — Trading team autonomy for stability can be achieved by utilizing monorepos, monoliths with strict linting boundaries, or iframes. [Learn more](https://www.wearedevelopers.com/videos/1677-advanced-micro-frontends-multi-version-and-multi-framework-scenarios)