Angular Videos by Experts

🅰️ 🚀 chilled little side project for a rainy Sunday 🤩

🅰️ 🚀 Angular query 🤩

🅰️ 🚀 Finally Zoneless! 🤩

🅰️ 🚀 Did we find a bug here?

Recently we came accross an interesting case when using content projection and the new Signals API, lets see if we can reproduce it.

🅰️ 🚀 Lets build with Analog and find out the most downloaded Angular version ✨

Lets check out the new Angular APIs

🅰️ 🚀 Lets play with Analog ✨

Lets check out the new Angular APIs

🅰️ 🚀 New Angular APIs ✨

Lets check out the new Angular APIs

🅰️ 🚀 Dynamic nested forms ✨

Playing around with dynamic nested Angular forms

🅰️ 🚀 New Output API | AST | NG-PARSEL | TS-QUERY ✨

Working on Open Source while exploring new APIs

🅰️ 🚀 Signal Queries ✨

Lets explore Angulars brand new Signal Queries

Angular Change Detection Explained!

In this video we will explain one of the most crucial Angular concepts which is change detection. We will check out how the default change detection and the OnPush change detection work. Furthermore we will cover what local change detection is and how you can leverage the power of Signals in Angular 17 to benefit from local change detection. Last but not least we will take a look into the future to see how change detection in the future will work once we no longer use zone.js.

🅰️ 🚀 Model Inputs ✨

Lets explore Angulars brand new model inputs

Angular Signals - The future of Angular

Recording of the NgAsia Meetup.

🅰️ 🚀 Angular Signal Inputs ✨

Lets explore Signal Inputs

🅰️ 🚀 Cleanest Todo list ✨

Lets write some modern Angular.

Local Change Detection in Angular

Explore the power of Signals in Angular's change detection! In this video we'll demonstrate the impact of local change detection through a practical example. Perfect for both beginners and experienced Angular developers. Like, share, and subscribe for more Angular insights!

🅰️ 🚀NgRx Signal Store ✨

Let's take a look at the new NgRx Signal Store

Angular Signals - the complete API

Get ready to dive into the exciting world of Angular Signals! Ever wondered what happens when you create a Signal using a constructor? You end up with something called a WritableSignal, and it's pretty cool. Let's take a journey together to understand what a WritableSignal is all about, and how it's different from your everyday Signal. We'll casually stroll through the API of a WritableSignal, uncovering its unique features in a way that's easy to grasp. So, grab your favorite beverage, and let's get to know WritableSignals in Angular!

🅰️ 🚀 Local Change Detection ✨

Let's take a look at local change detection in Angular!

Typescript's keyof is pretty neat!

Improve app performance with Angular 17 defer 🤩

In this video we will go through Angular's new defer API. We will explore how to lazy load components to improve the performance of our applicaiton.

Should we rethink state in Angular? Exploring Angular query

The TanStack is very popular in the React world. The stack provides multiple great tools, one of them is React Query, an innovative state management approach. Let's see what it is about and how we can use it in the Angular world.

🅰️ 🚀 Fullstack - Nx, NestJs, Prisma, PlanetScale, Angular Query ✨

Lets build a full stack app with Angular!

In-depth Angular Signals, mental models for reactive graph, push / pull, laziness and more! 🚥

Angular Signals provide us with intuitive developer contract and almost always "just work"! But sometimes, in large projects with many teams, developers and features, it might be possible to encounter some surprising behaviors, especially related to signals laziness...

Signals will change change detection forever!

Angular Signals is one of the most exciting Angular features in a long time. Heres how it impacts local change detection in the future.

Angulars new control flow is amazing! 🚀

Things you may not know about Angular Signals

Signals are great, let's take a look at some behind the scenes stuff and some Gotchas!

🅰️ 🚀 Angular SSR / SSG / i18n ✨

Let's play around with SSR and SSG in Angular

Boost Angular Efficiency: Cut Down Checks with OnPush Change Detection!

WritableSignals extends a Signal with a set, update and asReadonly function

Signals – The Future of Angular

With #Angular 17, Angular #Signals made it out of development preview and are now stable. But what is Angular's new reactive primitive really about? In this webinar, we'll delve into Angular Signals, exploring their API and uncovering the mechanics behind the scenes. Furthermore, we will explore why we need Signals and how they might impact the future of Angular.

🅰️ 🚀 Introducing Angular 17 ✨

🎉 Welcome to an exclusive Angular 17 exploration stream! 🚀

❤️ Gitrocket Hyper.js plugin 🚀

https://github.com/bomanimc/gitrocket

Required Inputs in Angular

Angular 16 introduces a long awaited feature, required Inputs.

🅰️ 🚀 Building an Angular Open Source Library from Scratch! 🛠️✨

🅰️🚀 Crafting Angular 17: Build an Epic Open Source Library from Scratch! 🛠️✨

Angular defer loading - Stream VOD

Stream VOD where we try out the new defer syntax in Angular 17! Subscribe to my Twitch channel to not miss the next broadcast: https://www.twitch.tv/nivekdev

Angular 17 - This is the brand new Control Flow

Angular 17 is around the corner and with it a brand new control flow. Let's explore what its all about.

Angular control flow

In this Stream, we will explore Angular's upcoming control flow syntax.

Releasing NPM libraries from a Nx monorepo

In this video, we will learn how to configure an Nx monorepo to automatically publish npm libraries, generate tags, update a Changelog, and commit back the new release version to the package.json's based on conventional commit messages. A fully automated release setup.

Dynamic Module Federation with NX

In this video will explore dynamic module federation with Nx and Angular. Dynamic module federation allows us to dynamically determine our remote URLs.

Exploring NX & module federation

In this video, we will explore module federation with Nx and Angular. Module federation is a powerful technique to speed up your builds or to create a micro frontend architecture.

Implementing an app with Angular 16 - Stream VOD

We will implement a small GitHub user search with the latest Angular 16 features in this stream. While implementing the app we take advantage of the following brand new features:

Angular hydration explained

In this video, we explore Angular hydration, a powerful technique for improving Angular application performance and user experience.

Angular - Routed Component Input bindings

In this video we explore Angular's latest feature: Routed Component Inputs! Discover how this new API simplifies accessing route params and data, revolutionizing your Angular applications.

Required Angular Inputs

In this video, we explore Angular's new required inputs. A epic feature added in v16.

Understanding Angular DI decorators

In this stream, we explore Angular Dependency Injection (DI) decorators! In this video, we will be exploring the different DI decorators available in Angular, including @Optional, @Self, @Host, and @SkipSelf. By the end of this tutorial, you'll better understand how these decorators work and how they can be used to efficiently manage dependencies in your Angular applications. So, if you're an Angular developer looking to level up your skills, then stick around, and let's dive into the world of Angular DI decorators!

Angular Template Context Mental Model by Tomas Trajan | ngIndia 2023

The new exciting times for Angular are finally here! The completion of IVY migration and removal of ViewEngine open up new opportunities to evolve Angular core in new meaningful ways like making NgModules optional and introduction of new standalone APIs!

Angular Signals RFC

In this YouTube video, we'll take a deep dive into the Angular signals RFC and explore its features and benefits. We go through all 4 parts of the RFC which are "Signals for Angular reactivity", "Signal-based components" and "Observables and Signals Interoperability".

RxJS and Signals - how we may write Angular apps in the future!

In this video, we will dive into the world of RxJS and Angular signals to create a powerful Github user search application.

Exploring Angular signals

🚀 NEW ANGULAR SIGNALS EBOOK OUT: https://angularexperts.io/products/ebook-signals

Angular signals

In this episode, we discuss the upcoming Angular signals. Come join us to learn and chat about signals.

Angular async pipe explained

The async pipe is probably the most important build in Angular pipe. In this video, we will implement our own async pipe to fully understand what the async pipe does and how it works.

BärnerJS #5 2021 - Tomas Trajan - The Best Way To Architect Your Angular Libraries

https://www.meetup.com/de-DE/Barner-JS-Talks/events/280067964/

Microfrontends with Angular Elements, the future of Angular, Minko Gechev QnA | #AngularMinsk #16

🤔 Interested learning more about Angular?

AngularAir - How to architect epic Angular app in less than 10 minutes! ⏱️😅

Tomas Trajan joins us to go over approaches we can take when planning the architecture of our Angular applications.

Leverage Angular Schematics to Empower Frontend Apps & Libraries | Tomas Trajan | NG-MY 2019

***There are some technical issues when recording this video, some live coding demo is missing. Alternatively, you may watch here https://www.youtube.com/watch?v=eFzjY4uWgCA which Tomas did a similar talk in another conference. Sorry for inconvenient! ***

The best way to lazy load Angular Elements or any other web components in your Angular application!

Library: https://angular-extensions.github.io/elements

[VDZ19] How to leverage Angular Schematics to empower Devs of Frontend Apps & Libraries by T. Trajan

How to leverage Angular Schematics to empower Developers of Enterprise Frontend Apps & Libraries [live coding]

Angular Anti-Patterns in projects of the large enterprise organization - @tomastrajan - Die Mobiliar

Large enterprise organizations have to deal with challenges that are different when compared to a single team building a single Angular application. The environment is often complex with multiple temas and hundreds of developers working on tens of applications an libraries over many years. Changing requirements and the need to support life-cycle of used technologies makes this environment even more complex.

How to use Angular Schematics to empower Developers of Frontend Apps & Libraries by Tomas Trajan

In development, we often want to extract reusable parts of logic into self contained libraries. Modern tooling provided by Angular CLI enables us to provide amazing developer experience for the users of our libraries.

Total Guide to Angular Material Custom Themes by Tomas Trajan

Description:

Bärner JS Talks - Proper unit-testing of Angular JS 1.X apps with ES6 modules - Tomas Herich

Standard way of testing of Angular JS 1.X app is using “official” Karma / Jasmine solution, which uses a lot of Angular specific APIs. Let’s explore how can we implement our unit-tests independently from Angular with help of (ES6) modules and Mocha.