CODE Magazine / Articles
Angular
Articles filed under Angular
Articles
Showing 1–40 of 40
-
Async Validation, Effects, and Side Effects (Done Carefully)
Updated
Sonu argues that asynchronous validation, autosave, and submission become manageable only when forms are modeled as state rather than event choreography. Using Signal Forms, he shows that pending, validity, debouncing, and side effects can all be expressed as current truth and explicit intent, avoiding race conditions, duplicated state, and fragile timing logic. The article extends this idea to multi-step forms, where progress and cross-field rules are derived from shared state instead of coordinated timelines.
-
From Template-Driven to Signal-Driven: The Complete Evolution of Angular Forms
Updated
Sonu Kapoor's article, "From Template-Driven to Signal-Driven: The Complete Evolution of Angular Forms," provides a comprehensive exploration of Angular's evolving form APIs, tracing their journey from the simplicity of AngularJS's template-driven forms to the enterprise-ready reactive forms and culminating in the revolutionary Signal Forms introduced in Angular 21. Kapoor articulates how each generation addressed the challenges of scalability, type safety, and reactivity while reflecting Angular's broader architectural evolution. Signal Forms, built on Angular's modern signal-based reactivity model, prioritize state-driven design, fine-grained updates, and declarative validation, marking a pivotal shift towards clarity, maintainability, and alignment with Angular's future. The article serves as both a technical guide and a roadmap for gradual migration, emphasizing coexistence between reactive and Signal Forms while highlighting the transformative potential of model-first thinking in Angular's signal-first era.
-
From Commands to Conversations: How AI-Assisted Tooling Is Transforming Angular Development
Sonu argues that Angular’s Model Context Protocol (MCP) and the Angular MCP Server elevate tooling from mere command execution to intent-aware collaboration. By exposing structured, workspace-aware capabilities via mcp.json, MCP enables AI assistants to reason about a project’s structure, conventions, and best practices, enabling context-driven code generation that aligns with modern Angular patterns (standalone components, Signals, typed forms). Kapoor envisions a future where developers interact with their workspace through intelligent assistants or GUI interfaces, improving reliability, safety, and onboarding while preserving control and auditability.
-
Angular Signals in the Real World: Smarter Inputs and Reactive Routing
In this second installation of his series on Angular Signals, Sonu designs Angular Signals applications that replace lifecycle-bound input handling, remove boilerplate queries, update two-way binding, use signals and route parameters to improve navigation decisions, and connect to signal-powered API calls.
-
Angular Signals: The End of RxJS Boilerplate?
Updated
Sonu Kapoor explores the transformative potential of Angular's new Signals API, positioning it as a cornerstone for a simpler, more fine-grained reactive programming model within the framework. Signals, comprising primitives like signal(), computed(), and effect(), streamline UI state management by eliminating boilerplate common to RxJS-based workflows while enhancing performance, debugging, and scalability. Kapoor highlights how Signals complement RxJS—excelling in synchronous, local state management while RxJS remains crucial for advanced asynchronous tasks—and discusses practical applications like typeahead components, route guards, and HttpResource for reactive data fetching.
-
Unlocking Angular Performance: Optimization Techniques
Updated
Sonu outlines six essential strategies to enhance the speed and responsiveness of Angular applications: image optimization, routing, deferrable views, change detection optimization, employing the async pipe, and using the trackBy function. He emphasizes the significant impact these techniques can have on mitigating common bottlenecks through real-world examples and empirical data. By strategically implementing these methods, developers can effectively reduce unnecessary re-renders, optimize bundle sizes, and ultimately improve the user experience in both small and large-scale Angular projects.
-
Introducing Photino: Create Desktop Applications with Web UIs
Updated
If you use Electron but find it makes a pretty big application, try using open source Photino, which uses .NET 5 for the host application instead of Node.js. Your apps for mobile or cross-platform can be lighter and faster.
-
NestJS Step-by-Step: Connecting NestJS with Angular (Part 4)
Updated
Bilal Haidar concludes this series and shows how to connect an Angular front-end application with a NestJS back-end API.
-
Azure DevOps, Docker, and Angular
Sahil shows us how DevOps (formerly called VSTS) can connect disparate functionality using two of his favorite tools: Docker and Angular.
-
Upload Small Files to a Web API Using Angular
If you have some small files to upload to a Web API, there’s no reason to use the same cumbersome process that works for larger files. Paul shows you how to save a lot of time and effort using Angular.
-
Angular and the Store
Bilal takes a look at making sure that your Angular app, large or small, can deal with state management and data access using the ngrx/store module.
-
Security in Angular: Part 3
In this third installment of his Angular security series, Paul addresses the Angular 6 release and shows you how to build an array of claims without single properties for security.
-
Security in Angular: Part 2
In this article, Paul Sheriff demonstrates how to secure an Angular application by building a .NET Core Web API that authenticates users against a SQL Server database and returns an authorization object with user claims. He guides readers through creating Entity Framework security classes, implementing JWT-based authentication, and securing API endpoints with the `[Authorize]` attribute and policies. The article also covers configuring Angular to store and send JWT bearer tokens via an HTTP interceptor, enabling seamless, secure communication between client and server. This foundational work sets the stage for more advanced claim-based UI security in the next installment.
-
Security in Angular: Part 1
Updated
In the first installment of his new series, Paul addresses who needs access to what in Angular, and how to make sure that nothing unpleasant happens on the client-side.
-
Configuration Settings for Angular Applications
In another of his articles on Angular, Paul dives into global configurations and shows you how to access your Angular applications from any component or service class.
-
Logging in Angular Applications
Continuing his series on Angular, Paul looks at logging as a reporting tool for debugging, warnings, errors, and other types of messages, as well as calling classes to log to the console, local storage, and Web API.
-
Angular and AOT
If Just-in-Time compilation is getting you down because of slow runtime launches, you’ll be excited to learn about how Ahead-of-Time compilation can make your apps smaller and more efficient. Sahil shows you how.
-
From Zero to CRUD in Angular: Part 3
In the third and final segment of his series on using CRUD in Angular, Paul adds additional server-side validation to the generated Entity Framework classes. He also shows us the client-side validation and validates data in Angular.
-
From Zero to CRUD in Angular: Part 2
Updated
Building on his article in the last issue, Paul adds HTML, Angular code, and Web API methods so that the user can add, edit, and delete product data.
-
Building an Angular Front End for an ASP.NET Web API
Updated
Rick follows up on his server-side Angular back end for ASP.NET Core with this interesting look at the matching front end.
-
From Zero to CRUD in Angular: Part 1
Updated
CRUD’s a part of everyday life for a lot of devs. If you’re one of them, you’ll be interested in this first installation of Paul’s new series on using Angular.
-
Cordova Apps with Angular and TypeScript
Sahil gives some excellent suggestions for dealing with a multiple-platform world using Apache Cordova and a single code base. He’s going to debug with TypeScript and sourcemaps, so you’ll (nearly) be a Cordova expert!
-
Getting Down to Business Building an ASP.NET Core API Service
Building an API-based app doesn’t have to be daunting. Rick shows you how to use Angular 2.0 to build a small app that breaks out business logic, uses a repository class to consolidate data access code, and deals with complex relationships and data updates.
-
Introduction to Angular Routing
If you need to navigate around your Single-Page Application (SPA), you’ll want to know about routing in Angular. Paul shows you how.
-
Angular 2 Forms
Sahil continues his series on Angular 2 and this time, looks at that essential element, the form.
-
The Journey to Angular: Part 4
Paul continues his deep dive into AngularJS. This time, he adds validation to the page so you can spot input errors.
-
Office 365 Desktop Apps with Angular 2 and Electron
Sahil continues his series on Angular 2 and this time, adds in building cross-platform desktop applications with Electron.
-
The Journey to Angular: Part 3
Paul continues his deep dive into AngularJS. This time, he uses this important tool to insert, update, and delete data by building some Web API calls.
-
AngularJS2, AzureAD, and Office 365
Updated
Sahil noticed that AngularJS2 requires a new way of thinking about authentication regarding application structure and tells us how to deal with it.
-
The Journey to Angular: Part 2
Updated
You’ve been hearing a lot about Angular and it’s time to see what it can do for you. Paul continues his excellent series on Angular, the tool you need to create solid, reusable, and extensible code.
-
AngularJS 2
Updated
Sahil shows us a few nifty aspects of AngularJS 2 that help experienced and novice developers alike. AngularJS 2 is still in beta, but he says that you’ll love it even so.
-
Integrating ASP.NET MVC and Angular JS
Updated
Miguel looks at organizing styles and integrating technologies to make one spiffy new kind of app with multi-SPA layers, and you don’t have to throw away your Microsoft experience to do it.
-
The Journey to Angular: Part 1
Updated
When you wrap your JavaScript code into a closure, you won’t have bugs caused by unnecessary variables. Paul shows you how to do this using a templating tool called Mustache, which will help you get closer to coding in Angular.
-
JSLint, AngualrJS, and TDD
Sahil explores the three cardinal rules of working on any JavaScript project and introduces some cool new tools.
-
Easier AngularJS Routing with Angular UI Router
Updated
Craig builds a simple application that reveals the states, dependencies, and methods of navigation that you’ll need in order to fully understand the Angular UI Router framework.
-
Angular JavaScript Jumpstart
Have you ever wondered how to use your browser (and those of your customers) as rich clients without plug-ins or ActiveX objects? Shawn Wildermuth tells you how.
-
AngularJS Fundamental Concepts for Building Web Applications: Part 1
In Part 1 of a two-part series, Jesse Smith gives you a solid introduction to AngularJS and how the framework is used to create simple web applications.
-
AngularJS Fundamental Concepts for Building Web Applications: Part 2
In Part 2 of this series, programming expert Jesse Smith continues his discussion of AngularJS by exploring modules and services.
-
AngularJS Fundamental Concepts for Building Web Applications: Part 3
In Part 3 of a 4-part series, programming expert Jesse Smith shows you how to use web forms validation the easy way with AngularJS to validate and prepare data before posting to a database.
-
AngularJS Succinctly
Author Frederik Dietz uses AngularJS Succinctly to outline common tasks and challenges for developers using Angular.js. With his help, novices and experts alike will find a reference that clearly outlines a variety of challenges, their solutions, and technical explanations for how the challenges are overcome. Whether you are a novice looking to understand Angular.js or an expert seeking a reference guide, AngularJS Succinctly is indispensable.