Angular Newsletter — October '22

Welcome to our Angular newsletter! This edition has a Google engineer's overview of what's coming in Angular 15, highlights from ng-conf 2022, and four must-see sessions from the event. Plus, we've got tips on how to pass data from Angular to CSS and how Guards can help you in Angular 2023. As always, thanks for reading!

Google Engineer Outlines What’s Next for Angular 15

The release of Angular version 15 is planned for November when Google will introduce friendly stack traces to help identify...

5 takeaways from ng-conf 2022

ng-conf is the biggest Angular conference in the world, and the event was back in person early this September in Salt Lake City, Utah. I…

The 4 Most Valuable Sessions from ng-conf 2022

Summary Of Angular Team Keynote @ ng-conf 2022

Here are the key points and the slides of the Angular Team Keynote @ ng-conf 2022

How to pass data from Angular to CSS

Then in my html template, I define the css variable named size, with the values from the iteration of my rects property. So, to define a css variable named size with a value of 50% in my style property, I can do something like this:

How do Angular components communicate?

What are the components in Angular?

How Guards Can Help You in Angular 2023

Angular guards are a feature that can help you in many ways when coding in Angular. For example, let’s say you have important data…

Angular - Featured Module

In this article, you will learn about Angular – Featured Module.

Application Architecture for Angular Projects

Some feature modules (usually mini-apps), if they need it, might have their own state (FeatureState), implemented using NgRx Store or a ComponentStore declared as global (providedIn: 'root'). Avoid using functions in the template — it’s better to use pure pipes (if transformation is needed) or store selectors (if the value should be calculated only once per data change).

Create an ASP.NET Core app with Angular - Visual Studio (Windows)

In this tutorial, you create an app using ASP.NET Core and Angular

The Little-known Story Behind Angular Standalone Components

Clean Architecture for Angular Applications

Angular 14 Capture Images from System Webcam Tutorial

In this quick guide, we will show you how to enable a webcam and capture images from the system's webcam in an angular application using the ngx-webcam package. The ngx webcam is a handy module; it is a simple angular webcam component which comes with an easy-to-implement process.

Best practices to follow in Angular(or React) UI

Five Biggest Takeaways After Switching from Angular to React

For someone deciding whether to learn Angular or React first, most articles and videos will point to React due to its popularity…

Autocompleting translating keys in Angular with TypeScript

You will learn how to create typesafe translation pipe, so that typescript will detect if you are using any incorrect key at compile time…

How to Create Own Custom Pipes?

We talked about Pipes and Pipes Usage in our previous article. Today we will create and use a simple Custom Pipes. Function of Summary…

Note on Using Latest Firebase v9 in Angular

Firebase v9 was released a while with the advantage of tree-shaking (removal of unused code) to make your web app as small and fast as…

Dynamic Island Animations with Popmotion in Angular

The introduction of dynamic islands in iPhone 14 piqued the interest of many designers and developers - coming up with creative ways to utilize the shape-shifting bubble. Here are a few examples of the creative ways others have used this new feature.

Angular Basics: Conditional Content Projection

Today we’ll explore components that use conditional content projection to render content only when specific conditions are met—conditional content projection.

Rewrite JavaScript autocomplete example in Angular

What we are going to do is to change the autocomplete example in w3school into Angular.

It’s ok to use function calls in Angular templates!

“You should never use function calls on Angular templates!” — That’s what you will see all over the internet! And I’m here to prove you…

What Is RxJs?

It is a reactive programming library coded with JavaScript, where you can convert the data sources into subscribable objects and perform…

Using Angular NgRx for a Reactive Programming

This tutorial adds the NgRx library to our Timer Service FullStack application to use Reactive Programming approach.

Generating Standalone Component-based Angular Applications and Libraries with Nx

Angular recently released Standalone Components in an effort to address one of their highest voted community issues; to make NgModule…

It’s 2022, Don’t Leave Your Angular Routes Unguarded

Your website is like your house, don’t leave your house unguarded for unauthorised visitors.

How Angular evolves? By not being opinionated where it shouldn’t be!

Everyone thinks of Angular as a giant opinionated framework that has everything out of the box and will solve your problems without…

Top 11 Angular Training and Learning Resources for Beginners

Angular has one of the best communities out there. So if you want to get started, it’s easy to find quality training resources. Here are 11 of the best!

Prerendering in Angular — Part III

Thanks for reading! We hope you enjoyed our content. Please continue to follow us for more Angular updates and insights.