Nx Champion Lars Gyrup Brink Nielsen demonstrates how to implement custom Nx generators that comply with workspace-wide architectural decisions and naming conventions in your Angular repo.

Struggling to upgrade to Angular 16+ because of old View Engine dependencies? Majority of Angular Projects worldwide are far away from Angular 16 since it's a major blocker for many due to NGCC removal. I'm solving a problem that is going to save companies money and devs time. Our Angular Compatibility Maintenance Initiative (ngx-maintenance) is here to simplify your transition. We've established a dedicated repository to help the Angular community shift libraries from View Engine to Ivy, ensuring they stay compatible with the newest Angular versions. While our focus is on maintaining version compatibility, this initiative serves as a crucial bridge for projects reliant on libraries that aren't actively developed but remain essential in the Angular ecosystem, enabling smooth upgrades to the latest Angular releases. Repo link: https://github.com/danielglejzner/ngx-maintenance I presented this here: https://www.youtube.com/live/IneYPMWCLvU?si=6E6l2U8PwY6GAsXd&t=11736

We will explore Angular's deferrable views to efficiently manage component rendering by deferring the loading of dependencies within templates. We will get to learn to wield the @defer block to declaratively control loading conditions for components, directives, pipes, and CSS. The talk will ensure we discover the diverse triggers, prefetching options, and specialized sub-blocks for seamless placeholder, loading, and error state management. We will ensure that we unlock customization with 'when' and 'prefetch when' for crafting dynamic user experiences.

Join us for an in-depth exploration of Firebase App Hosting and discover how to effortlessly deploy server-side rendered (SSR) Angular applications. Learn about Firebase's latest serverless web hosting solution, which simplifies the deployment process by integrating seamlessly with Angular. We’ll cover how Firebase App Hosting manages everything from building to serving your app, ensuring scalability and high performance without the need for complex backend configurations. By the end of this talk, you'll be equipped to ship your Angular apps with ease and confidence.

In today's web development landscape, optimizing images is crucial for improving both performance and user experience. Angular's NgOptimizedImage offers a powerful solution to these challenges, providing developers with tools to automate image optimization, implement lazy loading, and ensure responsive images. This session will introduce attendees to NgOptimizedImage, covering its key features, benefits, and practical implementation steps. Whether you're a seasoned Angular developer or just getting started, this talk will equip you with actionable insights to enhance your projects and delight your users.

Yes, you’re reading that right. Well technically, not remotely, because I’ll be simulating the rover on my laptop. Regardless, I’ll be showing you how I made an Angular + Ionic Android application speak to a simulated Ardupilot rover, and how I made it perform a simple mission through a farmer’s cropfield. During its mission, it will simultaneously sprinkle the farmer’s crops with fertilisers (with the power of our imagination!). My hopes are that you will find the topic of remote control matched with Angular intriguing enough that you actually start doing it yourself! That being said, I hope to see you at the event.

This talk will introduce spartan/ui to the audience. It will go into the details of how shadcn and Radix inspired the spartan UI library that provides unstyled brain primitives that take care of functionality and accessibility, and spartan helm primitives that can be copied into projects using the Angular CLI and Nx and provide first class styles, while allowing for complete customization

How to utilize GCP, AngularFire for handling long request tasks in Angular. It also works with any web applications.

In this session, I will show how to connect Angular with a serverless REST API using Azure Functions. We'll set up Azure Functions, create RESTful endpoints, and demonstrate real-time interaction between Angular and the serverless backend. By the end, attendees will be equipped to build dynamic web applications that scale effortlessly.

Angular's change detection is finally going zoneless, promising to make your apps faster and more performant. But are you ready to make the leap? Join me on an journey to learn all about this new approach and how to prepare your applications. Discover the benefits, learn how to make the changes, and get your apps ready for the future of Angular! Takeaways: By the end of this presentation, you will have a comprehensive understanding of the zoneless change detection in Angular, its benefits, and practical knowledge to start implementing it in your projects. Session time: 20 minutes Video: I will record a new video, but in case you read this before I update this field -> https://talks.codemotion.com/angular-signals-and-rxjs-hitchhikers-gui

While Angular's embrace of Signals catapulted it back to the forefront of frontend development, it's still early days. The vast ecosystem of Angular libraries must now adjust and leverage Signals themselves. One area is state management. The NgRx SignalStore reimagines state management entirely with Signals at its core. In my talk, we will take a look at this novel store, and exploring the possibilities of modern, Signals-based state management.

Talk about the new server state management library that is coming to Angular. Will teach about it's benefits and how to start using right away.

Want to know how to build a simple microfrontend architecture without relying on additional libraries and tools? We can achieve this by using iFrame and Angular directive. The iFrame directive will manage window event communications between applications. This approach provides a significant advantage by enabling our applications to work as container-presenter patterns. By breaking down a large project into smaller ones, they can work together and share data seamlessly.

Angular CDK, which stands for Component Dev Kit, is a library offered by Angular Material. It provides a collection of reusable building blocks for creating web UI components. This talk is about three examples of how to save time while developing features Attendance list by the Collection Sort favorite games by a drag and drop Overlay - a way to display a menu.

Using zoneless, signals, and signal store, we can build some very modular applications.

It's time we push web development forward by updating the MEAN stack with modern development practices and tools like server side rendering (SSR), a mobile solution, TypeScript, and much more. MANTIS, aka Mongo Angular Nx TypeScript/Tailwind, Ionic, and Storybook, is the solution we have been waiting for. Come see what the buzz is all about from Ryan Clements, a MANTIS core team member, and learn how you can get involved in this vision of moving full-stack Angular into the future.

In this talk I will show users how they can leverage Cypress Component Testing to test their Angular Components with Signals

Tired of your Angular components playing a silent game of telephone? Let's untangle the wires together and get your data flowing smoothly! Recent updates have hit the stage, revolutionizing how data communicates in Angular. Whether you are a seasoned Angular architect or a fresh-faced developer, this talk will equip you with the knowledge and best practices to make your components "sing" in perfect harmony.We'll dive into both the tried-and-true and the cutting-edge methods of data sharing, giving you a comprehensive toolkit to understand all your options and empower you to choose the perfect solution for any scenario!

Chau explains how Angular Three works; how consumers can use THREE.js documentation to build on top of Angular Three; and how Angular helps Angular Three to close the gap between Angular and THREE.js. All of those via live-coding a simple 3D scenes

You probably have heard of AnalogJS, the Angular meta-framework that not only allows you to mix file based routing but integrates Server-Side Rendering (SSR) and Static Site Generation (SSG) to your Angular applications easily. But have you wondered if you could harness all of AnalogJS power and merge it with Ionic Framework and Capacitor ability to create mobile applications? Join this session to see how it's done!

In this session I will talk about how Angular developers can easily add immersive experiences to their apps via WebXR. We will walkthrough a simple demo that uses Angular, Ionic (Framwork & Capacitor), and A-Frame to build the immersive app then use Capacitor to deploy that app to multiple platforms. I will demo that app on a physical iOS device and a simulated Vision Pro device. This session will be beginner friendly and only require introductory Angular knowledge to follow along!