blog.angular.dev Angular v18 is now available!
Today we are excited to share the next milestone in the evolution of Angular! Over the past three releases we’ve introduced a lot of new…
Software Engineer (#dotnet, #angular, #flutter, #typescript, #dart, #golang, #docker, #kubernetes), very interested in Software Architecture and Methodology (#ddd, #tdd, #cleancode, #agile), proud father of two girls and drummer and Linux (Fedora) user
Posts
22
Comments
4
Joined
2 yr. ago
Introduction to @let in Angular 18 - by Rodrigo Oler
dev.to Introduction to @let in Angular 18
Angular 18 has an exciting new feature under development for developers: the @let directive. This tool will help you create variables quickly and easily within HTML code. It's important to note that this feature is still being developed and has not yet been merged into a release within Angular 18. L...
- by Rodrigo Oler
Adding fallback content for ng-content
dev.to Angular fallback content in ng-content
Angular v18 recently introduced a new feature to easily define a fallback content in ng-content...
Adding fallback content for ng-content got a lot easier with Angular v18
Web Test Runner to replace Karma?
www.danywalls.com Switching from Karma to Web Test Runner in Angular
Explore the shift from Karma to Web Test Runner for Angular testing, highlighting its experimental integration and future potential
Was waiting for a long time for jest to replace karma. It seems there is a new test runner overtaking jest for Angular testing: Web Test Runner.
Very nice and complete article how to create a signal component in modern Angular
blog.angular-university.io Angular Signal Components: input, output (Complete Guide)
A complete guide to Angular signal components, the new component authoring format. This includes signal-based inputs, outputs, and two-way binding with model().
When you are developing a UI library (as we are) we want to support the old API for some time and mark is a deprecated. So one would add a second @Input() of type ScheduleEvent[] leave the old API be as Course[] and mark it as deprecated. In the next major version you could then retire the old API.
dev.to Transform Inputs Properties in Angular Easy
When building components, defining the interfaces to be used by consumers is often challenging. We...
Great usecase for the transforming @Input properties.
We will have to refactor a huge (and I mean huge) component for a customer in the near future. The consuming teams should not notice any of this. transform could be very useful for this.
medium.com Simple Unsaved Data Changes Guard in Angular 17+
In this article, we are going to learn how to take advantages of the features of the new versions of Angular for the use-case, “when a user…
Angular v17 is ready
github.com Release v17.0.0 · angular/angular
17.0.0 (2023-11-08) Commit Description remove support for Node.js v16 (#51755) animations Commit Description Add the possibility of lazy loading animations code. (#50738) rem...
Angular v17 is ready 🥳
https://github.com/angular/angular/releases/tag/17.0.0
and:
https://www.npmjs.com/package/@angular/core
#angular @[email protected]
medium.com Stop, don’t use ActivatedRoute anymore to get your route data!
With the arrival of Angular 16, many very interesting features have been added to push our code to the next level.
Never heard and never used this feature of Angular v16.
medium.com Episode 23/43: Angular Love Meetup, Younes Jaaidi on Testing
The Angular Love meetup hosted three talks covering security, architecture, and TypeScript. Younes Jaaidi shared his testing experience at…
Has anyone already switched to Jest? Has anyone already gained experience with Playwright Component Tests in Angular?
blog.herodevs.com Angular’s Improved Tooling: Standalone Migration Magic
Navigating New Tools and Migration Schematics
Nice article on how to use the Angular Schematics to convert a project to all standalone components and about what the schematics actually do in every step.
Local Change Detection for Components using Signals
github.com perf(core): Update LView consumer to only mark component for check by atscott · Pull Request #52302 · angular/angular
This commit updates the reactive template and host binding consumers to only mark their declaration components for refresh, but not parents/ancestors. This also updates the AfterViewChecked hook to...
Angular will not mark all parents of a component as dirty if the component uses signals in the template.
Angular Toward Its Renaissance🚀✨ (Medium Members only!)
Very nice overview on what's new and why it is good from Angular v14 - v17
Unfortunately it is "member-only" on medium.
Updates from the Angular Team | Mark Thompson & Alex Rickabaugh
Very nice explanation of a new Angular 17 Feature: Deferrable Views and Deferred Loading in Templates
CSS-Only Scroll-Driven Animation and Other Impossible Things
Good thread about Dotnet people on Mastodon
Angular Community in the Fediverse
I am a full-stack developer and for the backend we use Dotnet. A lot of the Dotnet developers have made the switch to the fediverse.
But I miss good Angular content over here. The people I followed on Twitter are pretty much still there and have not switched over.
What do you think about that? Do you have any recommendations for people to follow on Mastodon?
Angular 17 - next-4 release
github.com Release v17.0.0-next.4 · angular/angular
17.0.0-next.4 (2023-09-13) core Commit Description support styles and styleUrl as strings (#51715) router Commit Description Add feature to support the View Transitions API (#51314)
Small release, but quicker cycle now.
Yes, you are right. Long living branches are the problem.
In this case it is a completely new project in the workspace (of course depends on the library in the workspace). It is a POC that has been postponed again and again by the customer due to priorities.
I think it's probably best to isolate the branch and take it out of the workspace. When it is ready, we can integrate it back into the workspace.
As @[email protected] said you can use multiple configuration providers. We usually have local appsettings.json files, even per machine appsettings.<HOSTNAME>.json and then use Environment Variables that are stored in a vault for the production environment. We add the appsettings.<HOSTNAME>.json files to .gitignore so that they don't get checked in.
undefined
var env = Environment.GetEnvironmentVariable("ASPNETCORE_ENVIRONMENT");
configuration.AddJsonFile($"appsettings.{env}.json", optional: true, reloadOnChange: true);
configuration.AddJsonFile($"appsettings.{Environment.MachineName}.json", optional: true, reloadOnChange: true);
configuration.AddEnvironmentVariables();
Then you can provide the secrets as environment variables in the form of DATA__ConnectionString