What if you could build Angular apps without NgModules? Discover how standalone components streamline development, simplify architecture, and boost performance.
#1about 3 minutes
Understanding the history and limitations of NgModules
Angular evolved from AngularJS to a module-based system with NgModules, which introduced challenges like a steep learning curve and inefficient lazy loading.
#2about 2 minutes
Using the SCAM pattern before standalone components
The Single Component Angular Module (SCAM) pattern was a community-driven workaround to associate one module with one component, improving locality but not eliminating NgModules.
#3about 2 minutes
Key benefits of the new standalone component APIs
Standalone components, introduced in Angular 14, simplify the framework by enabling component-level lazy loading and state management without requiring NgModules.
#4about 2 minutes
How to create and configure standalone components
Generate standalone components using the --standalone flag or schematics, and manage dependencies directly within the component's `imports` array.
#5about 4 minutes
Implementing routing and bootstrapping without NgModules
Use the `loadComponent` function for lazy-loaded routes and the `bootstrapApplication` function to start an application with a root standalone component and global providers.
#6about 3 minutes
Migrating to standalone and architecting your application
Use the Angular CLI's automated migration schematic to convert an existing application, and organize features using folder structures, barrel files, or monorepo tools like Nx.
#7about 6 minutes
Answering common questions about standalone components
This Q&A covers whether NgModules will be deprecated, how to structure domain logic, differences in lazy loading, and how to mock components for testing.
Related jobs
Jobs that call for the skills explored in this talk.
Matching moments
05:08 MIN
Simplifying the framework with standalone components
State of Angular
01:16 MIN
Understanding the core concepts of the Angular framework
Angular Unleashed: Mastering Modern Web Development with Angular
01:40 MIN
Exploring the core pillars of Angular architecture
Angular Unleashed: Mastering Modern Web Development with Angular
04:30 MIN
Understanding Angular as a complete development platform
Angular <> Angular CDK - Awesomeness Combined
00:58 MIN
Overview of Angular's core structural directives
Angular Magical directives
07:34 MIN
Key Angular features for building robust applications
Differential Loading
01:16 MIN
Using web components to migrate legacy applications
Frameworkless: How to use Web-Components in production?
Micro Components - a different approach to a simpler component-based webThere has been a lot of heated discussion lately in the web community about component based development. One side argued that Web Components are a standard we should follow whereas others complained that they still lag behind in what frameworks offer...
Chris Heilmann
All the videos of Halfstack London 2024!Last month was Halfstack London, a conference about the web, JavaScript and half a dozen other things. We were there to deliver a talk, but also to record all the sessions and we're happy to share them with you. It took a bit as we had to wait for th...
Thomas Limbüchler
What is TypeScript?Since Angular 2 at the latest, TypeScript has been known to many. But what exactly can you do with it, and is it worth changing?Anyone who has worked with programming languages such as Java or C# before will have noticed that JavaScript allows a su...
Daniel Cranney
The State of HTML 2024: What can we learn from it?The results of the State of HTML 2024 survey are in! Though the name suggests it’s HTML-only, the survey focuses on the web platform in a more general sense, giving us some fascinating insights into not only the state of the web, but also some sense ...
From learning to earning
Jobs that call for the skills explored in this talk.