Sign in

Deborah Kurata | youtube.com/@deborah_kurata

@deborahkurata.bsky.social
1.8K followers 268 following 83 posts

Angular GDE Microsoft MVP Pluralsight author YouTube: youtube.com/@deborah_kurata

PostsRepliesMedia
Deborah Kurata | youtube.com/@deborah_kurata @deborahkurata.bsky.social · 18/02/2026
My latest video: Angular DevTools 🔥 See your app’s structure 🔥 Watch state changes (new signal graph) 🔥 Diagnose change detection performance issues 🔥 Explore unfamiliar code safely 🔥 Debug without touching source code youtu.be/jdUCqbdc9CE #angular #devtools
youtu.be
Angular DevTools 101: Debugging and Profiling Angular Applications
YouTube video by Deborah Kurata
1114
Deborah Kurata | youtube.com/@deborah_kurata @deborahkurata.bsky.social · 10/02/2026
My latest Angular video: 🔥 Why optional properties break Signal Forms 🔥 Why undefined values are missing from the FieldTree 🔥 How to check if a field is in the FieldTree 🔥 Handling optional properties with Signal Forms Check it out! #angular #signalforms youtu.be/_1EWuzhzELw
youtu.be
Angular Signal Forms: Optional Properties, Undefined Values, and the Missing FieldTree
YouTube video by Deborah Kurata
073
Deborah Kurata | youtube.com/@deborah_kurata @deborahkurata.bsky.social · 04/02/2026
NULLS + Signal Forms = 💣 My latest video: 🔥 why nulls are tricky 🔥 where they break 🔥 best patterns We also examine a "not-so-clean" workaround. And walk through applyWhenValue() for validation. youtu.be/h5-R27biCso #angular #signalforms
youtu.be
Why Null Values Break Angular Signal Forms (And What to Do Instead)
YouTube video by Deborah Kurata
072
Deborah Kurata | youtube.com/@deborah_kurata @deborahkurata.bsky.social · 27/01/2026
Did you know you can use Angular's Signal Forms API without an HTML form or any UI? In this video: 🔥 Why use the Signal Forms API without forms? 🔥 Concrete example 🔥 Witness the clean separation of validation from form controls youtu.be/VKjs9WujhCE #angular #signalforms
youtu.be
Angular Signal Forms Without a Form: Model-First Validation Explained
YouTube video by Deborah Kurata
061
Deborah Kurata | youtube.com/@deborah_kurata @deborahkurata.bsky.social · 21/01/2026
In today's video: 🔥What Angular @switch is and when to use it 🔥What’s new with @case in Angular v21.1 🔥Best practices for using @switch with signals youtu.be/4tM4CZf9pPI #angular #controlflow
youtu.be
Angular @switch Template Control Flow Explained (+ New @case in v21.1)
YouTube video by Deborah Kurata
021
Deborah Kurata | youtube.com/@deborah_kurata @deborahkurata.bsky.social · 14/01/2026
My latest YT video is on Angular signal forms: validating complex arrays of objects (repeating fields). It covers: 🔥 required 🔥 required when 🔥 min, max 🔥 pattern with regular expression 🔥 custom URL validator 🔥 applyEach youtu.be/_G2l_V5wFLc #angular #signalforms
youtu.be
Angular Signal Forms: How to Validate Arrays of Objects (Repeating Fields)
YouTube video by Deborah Kurata
052
Deborah Kurata | youtube.com/@deborah_kurata @deborahkurata.bsky.social · 07/01/2026
Need to collect sets of info with Angular's signal forms? Check out my latest video: youtu.be/aT73WV1-HIw 🔥Build a form with repeating fields using arrays 🔥Apply validation to each item in the array 🔥Create a custom URL validator #angular #signalforms
youtu.be
Handle Arrays with Angular Signal Forms
YouTube video by Deborah Kurata
052
Deborah Kurata | youtube.com/@deborah_kurata @deborahkurata.bsky.social · 17/12/2025
Check out my latest YT video: "Cross-field Validation with Angular Signal Forms". Validation rules often span multiple inputs. In this video, we build a ***cross-field*** validator. And talk about FieldContext. #angular #signalforms youtu.be/Td0vicsOZ74
youtu.be
Cross-field Validation with Angular Signal Forms
YouTube video by Deborah Kurata
172
Deborah Kurata | youtube.com/@deborah_kurata @deborahkurata.bsky.social · 10/12/2025
Want to define a form field as required … but only sometimes? In this video, we use Angular’s signal forms to build ****conditional*** validators using `when` and `applyWhen()`. And explore the `valueOf()` helper function. #angular #signalforms youtu.be/e0p7D7QSSgw
youtu.be
Conditional Validation with Angular Signal Forms
YouTube video by Deborah Kurata
051
Deborah Kurata | youtube.com/@deborah_kurata @deborahkurata.bsky.social · 03/12/2025
Check out my latest YT video on Signal Forms, new in @angular v21! We build a form with validation. And we explore the new types: FieldTree and FieldState. What do *you* think of Signal Forms? #angular #angular21 #signalforms youtu.be/J0pVA4lJMso
youtu.be
Angular Signal Forms: First Look
YouTube video by Deborah Kurata
032
Deborah Kurata | youtube.com/@deborah_kurata @deborahkurata.bsky.social · 28/08/2025
Does RxJS fit into an Angular signal-based world? In this video, I outline several scenarios and walk through a code example using RxJS and rxResource. youtu.be/0UJjQ2pKgns #Angular #rxjs #Signals
youtu.be
Does RxJS Fit into an Angular Signal-based World?
YouTube video by Deborah Kurata
070
Deborah Kurata | youtube.com/@deborah_kurata @deborahkurata.bsky.social · 19/08/2025
How do you determine which variables should be Angular signals? Check out my latest YouTube video for guidelines, an example, and code. youtu.be/SUpH6w25TkU #Angular #signals
youtu.be
Which Variables Should Be Angular Signals?
YouTube video by Deborah Kurata
0110
Deborah Kurata | youtube.com/@deborah_kurata @deborahkurata.bsky.social · 17/07/2025
Do you still need rxjs in an angular application? The answer is detailed in my latest course: www.pluralsight.com/library/cour... ✅React to events ✅ Retrieve and compose complex data (with rxResource) ✅Debounce user input (Yep, that's 2 new @pluralsight courses in 2 months. 😱)
pluralsight.com
Angular: RxJS for Reactive Programming
030
Deborah Kurata | youtube.com/@deborah_kurata @deborahkurata.bsky.social · 09/06/2025
Yes! This course has: ✅ Angular v20 ✅ Code along demo ✅ *what* should be a signal (+ why) ✅ httpResource vs httpClient ✅ service-based vs component-based resources ✅ stand-alone components ✅ zoneless ✅ Template control flow Check it out😊 #angular
040
Deborah Kurata | youtube.com/@deborah_kurata @deborahkurata.bsky.social · 06/06/2025
It's official ... my "Angular: Signals" course just published on Pluralsight. 🎉 Learn the what, why and how of signals ... and httpResource for reactively retrieving data directly into signals. Let me know what you think! www.pluralsight.com/courses/angu...
pluralsight.com
Angular: Signals
0122
Deborah Kurata | youtube.com/@deborah_kurata @deborahkurata.bsky.social · 19/03/2025
This week's Angular video: ✅ Control when httpResource issues the request ✅ Declare resource signals in a *component* ✅ Return an httpResource from a method youtu.be/4VhiNK_9QIY #angular #resource #Signals
youtu.be
Return httpResource() from a Method
YouTube video by Deborah Kurata
060
Deborah Kurata | youtube.com/@deborah_kurata @deborahkurata.bsky.social · 08/03/2025
Hey! Please join me in celebrating reaching the 20K subscriber milestone! Yay! 🎉 Thanks to you for watching my angular content!
5643
Deborah Kurata | youtube.com/@deborah_kurata @deborahkurata.bsky.social · 05/03/2025
For a search feature in Angular, we don't want to issue an http request for each character the user types. In this video, I walk through one way to implement search using debouncing and the new experimental resource API. youtu.be/5A1I6rpe8UA #angular #resourceAPI
youtu.be
Debouncing with the Resource API
YouTube video by Deborah Kurata
0100
Deborah Kurata | youtube.com/@deborah_kurata @deborahkurata.bsky.social · 04/03/2025
Why does @angular need a new API to retrieve data? Does the Resource API seem pointless or confusing? In this video, I answer the *why?* question, telling the backstory of signals and the Resource API. youtu.be/YHZkiUbbeOg #angular #signals #resourceAPI
youtu.be
resource(), rxResource(), httpResource(): Why????
YouTube video by Deborah Kurata
1101
Deborah Kurata | youtube.com/@deborah_kurata @deborahkurata.bsky.social · 26/02/2025
Welcome httpResource to the @angular resource API family! In this video, we introduce the httpResource API (v 19.2), its purpose and two syntax options. Then evaluate resource() vs rxResource() vs httpResource(). youtu.be/DefmIyp3Uho #angular #signals #resourceAPI
youtu.be
First Look at Angular's new httpResource()
YouTube video by Deborah Kurata
6143
Deborah Kurata | youtube.com/@deborah_kurata @deborahkurata.bsky.social · 19/02/2025
When retrieving data, there is often related data to retrieve. A user enters a username and we get detailed user info. Then take the user Id from the details and retrieve that user's posts. See the @angular resource API in action! youtu.be/MpU3UQ2-rww #angular #resource
youtu.be
SIA: Retrieve Related Data
YouTube video by Deborah Kurata
0131
Deborah Kurata | youtube.com/@deborah_kurata @deborahkurata.bsky.social · 12/02/2025
Should we declare our signals in our services or in our components? In this video, we identify basic guidelines for answering this question and walk through examples. youtu.be/xtxBMcEMcxU #angular #Signals
youtu.be
SIA: Signals in a Service or a Component?
YouTube video by Deborah Kurata
0110
Deborah Kurata | youtube.com/@deborah_kurata @deborahkurata.bsky.social · 05/02/2025
Has your data gone stale? Refresh it easily with the resource() API! In this video, we use resource reload to implement a refresh button. Then leverage linkedSignal and setTimeOut to keep users informed when their data needs refreshing. youtu.be/sY4ofhfQ_pk #angular #resourceAPI #signals
youtu.be
Signals in Action: Stale data? Refresh it!
YouTube video by Deborah Kurata
0131
Reposted by Deborah Kurata | youtube.com/@deborah_kurata
Visual Studio Live! @vslive.bsky.social · 30/01/2025
Master the hidden gems of .NET/C#! Join MVP @deborahkurata.bsky.social at #VSLive Las Vegas on March 11 to discover powerful features like collection expressions, date handling & pattern matching. Learn to make your code more efficient > buff.ly/40Dfv59 🚀 #dotNET #CSharp
buff.ly
Useful New-ish Features in .NET/C# -- Visual Studio Magazine
We often hear about the big new features in .NET or C#, but what about all of those lesser known, but useful new features? How exactly do you use constructs like collection indices and ranges, date…
044
Deborah Kurata | youtube.com/@deborah_kurata @deborahkurata.bsky.social · 28/01/2025
We often pass parameters on the URL when issuing an HTTP request. In this video, we walk through how to pass parameters when issuing an HTTP request using the resource API. youtu.be/xyKT0AMN25A #angular #resourceAPI
youtu.be
Signals in Action: Passing Parameters when issuing an HTTP Request
YouTube video by Deborah Kurata
021
Deborah Kurata | youtube.com/@deborah_kurata @deborahkurata.bsky.social · 22/01/2025
Did you know that our code can provide an Angular service on a route? (instead of in 'root' or a component) Check out the video for details, including sharing the service with child routes. youtu.be/cwZh6bL98UY #angular #routing
youtu.be
Provide an Angular Service on a route!
YouTube video by Deborah Kurata
092
Deborah Kurata | youtube.com/@deborah_kurata @deborahkurata.bsky.social · 16/01/2025
Ever open an unfamiliar code project and wish you had someone to explain that code, line by line? Let Gemini be that someone! In this video, we use Google AI Studio and ask Gemini to walk us thru an Angular service. youtu.be/RJqjixmtBGU #angular #Gemini #aistudio
youtu.be
Walk Through Code with Google AI Studio
YouTube video by Deborah Kurata
041
Deborah Kurata | youtube.com/@deborah_kurata @deborahkurata.bsky.social · 14/01/2025
Issuing an HTTP request is fraught with peril! In this video, we examine how to handle HTTP errors when using the rxResource API. youtu.be/T7DPGCSmQes #angular #errorhandling
youtu.be
Signals in Action: Error Handling with rxResource
YouTube video by Deborah Kurata
052
Deborah Kurata | youtube.com/@deborah_kurata @deborahkurata.bsky.social · 08/01/2025
The signals in our Angular services are handled differently if the service is provided in "root" vs in a component. Check out the differences in my latest video: youtu.be/K01oDsWRCEQ #angular #signals
youtu.be
Signals in Action: Providing a Service in root vs Component
YouTube video by Deborah Kurata
0121
Reposted by Deborah Kurata | youtube.com/@deborah_kurata
Rainer Hahnekamp @rainerhahnekamp.bsky.social · 18/12/2024
Change Detection in #Angular: often seen as ‘magic,’ but it’s the foundation of performance and scalability. My latest video 🎥 shows its inner workings, tackles OnPush, dives into zoneless Change Detection, and takes a glimpse into the future of Signal Components! Check it out youtu.be/54o9eSGjfW4
youtu.be
Modern Change Detection
YouTube video by Rainer Hahnekamp
0126
Deborah Kurata | youtube.com/@deborah_kurata @deborahkurata.bsky.social · 18/12/2024
What's the easiest way to display a loading indicator in our Angular applications? Check out the video: youtu.be/5K0Jr2ymQEs #angular #loadingindicator
youtu.be
Signals in Action: Loading Indicator
YouTube video by Deborah Kurata
291
Reposted by Deborah Kurata | youtube.com/@deborah_kurata
Maureen Josephine💙 @maureenjosephine.bsky.social · 16/12/2024
🎉Sounds like an amazing #monday for #book recommendations. And look, am featured here🫶🏾🥳🥳 Super proud of @sbenhoff.bsky.social on publishing “Lead Developer Career Guide” 💙 Take aways📝 1.Prioritizing learning new skills 2.Taking the lead 3.Having difficult conversations 4.Mentorship #career #guide
Book recommendation
1104
Deborah Kurata | youtube.com/@deborah_kurata @deborahkurata.bsky.social · 12/12/2024
Join me tomorrow, Dec 13 at 11 AM PST for a **live** coding session using signals! You'll see how to apply signals in an application, including the new linkedSignal() and rxResource(). See you there! www.meetup.com/angularcommu... #angular #signals
meetup.com
A Very LUCKY RxJS Friday the 13th w/ Deborah Kurata & Chris Perko, Fri, Dec 13, 2024, 12:00 PM | Meetup
Hey Angular Devs! There's nothing unlucky about this Friday the 13th!! Get ready to join Angular experts and GDEs [Deborah Kurata](https://www.youtube.com/@deborah_kurata
1103
Deborah Kurata | youtube.com/@deborah_kurata @deborahkurata.bsky.social · 11/12/2024
Have you seen Angular's 2024 Advent Calendar? Guess who's behind today's door (#11)! angularchristmascalendar.com #Angular
angularchristmascalendar.com
Angular Christmas Calendar
The Angular Christmas Calendar website - 24 guests will share their personal insights on Angular as seen in 2024.
0194
Deborah Kurata | youtube.com/@deborah_kurata @deborahkurata.bsky.social · 11/12/2024
Learning signals is step 1. Understanding when and how to apply them is often the more difficult next step. Together, let's build an application, including a signal-based service and component that uses those signals. youtu.be/LHgJP7MwTWY #angular #signals
youtu.be
Signals in Action: Building an App
YouTube video by Deborah Kurata
0153
Deborah Kurata | youtube.com/@deborah_kurata @deborahkurata.bsky.social · 04/12/2024
When Should We (NOT) Use a Signal effect()? Let's walk thru some scenarios, examining an effect() based approach and an alternate approach. Then look at the version 19 changes to the effect() function and summarize suggested guidance. youtu.be/XWz8pxQWD8c #angular #signals
youtu.be
When Should We (NOT) Use a Signal effect()?
YouTube video by Deborah Kurata
0112
Reposted by Deborah Kurata | youtube.com/@deborah_kurata
Shelley Benhoff 👑🖖 @sbenhoff.bsky.social · 27/11/2024
🍂📚 Thanksgiving & Black Friday Special from Manning Publications! 📚🍂 Get 50% OFF all books when you buy 2 or more Nov. 27 - Dec. 2! This is a great opportunity to get my book, Lead Developer Career Guide! 👉 Shop now: tinyurl.com/benhoff
121
Reposted by Deborah Kurata | youtube.com/@deborah_kurata
Lara Newsom or Nerdsom or whatever @laranewsom.com · 25/11/2024
Don’t forget to check out Brandon’s Angular starter pack! go.bsky.app/hLveAd
33510
Deborah Kurata | youtube.com/@deborah_kurata @deborahkurata.bsky.social · 05/11/2024
The @angular team is proposing some significant changes to how we name our Angular files and classes. In this video, we walk through the naming section of the new style guide and discuss the reasons behind the proposed changes. #angular #styleguide youtu.be/6JtXHT2Np30
youtu.be
New Naming Conventions: Reviewing the new Angular Style Guide
YouTube video by Deborah Kurata
2190
Deborah Kurata | youtube.com/@deborah_kurata @deborahkurata.bsky.social · 30/10/2024
Angular signals haven't had great support for async operations, until now! @angular v19 introduces resource() and rxResource(). These features revolutionize how we handle our HTTP requests! Check it out! youtu.be/_KyCmpMlVTc #angular #rxjs #resource
youtu.be
First Look at Angular's new resource() and rxResource()
YouTube video by Deborah Kurata
0120
Deborah Kurata | youtube.com/@deborah_kurata @deborahkurata.bsky.social · 23/10/2024
Angular v19 introduces a new signal primitive: linkedSignal() This video is a first look at linkedSignal(), including its purpose and possible use cases. youtu.be/hFR3gVIY9gM #angular #signals
youtu.be
First Look at Angular's new linkedSignal()
YouTube video by Deborah Kurata
071
Deborah Kurata | youtube.com/@deborah_kurata @deborahkurata.bsky.social · 16/10/2024
You already use routing, but ever wonder how @angular routing actually works? This video clarifies the concept of a single page application and explains navigation and routing with an example. youtu.be/9QU688IZAKc #angular #routing #singlepageapplication
youtu.be
Angular Routing Explained
YouTube video by Deborah Kurata
140
Deborah Kurata | youtube.com/@deborah_kurata @deborahkurata.bsky.social · 11/09/2024
I was asked if take(1) or takeUntilDestroyed() is better when issuing an HTTP request. In this video, we examine the take() operator, look at the Angular and RxJS source code, and compare the two operators. #Angular #rxjs youtu.be/NNVgVR8rOIY
youtu.be
When to use take() vs takeUntilDestroyed()?
YouTube video by Deborah Kurata
020
Deborah Kurata | youtube.com/@deborah_kurata @deborahkurata.bsky.social · 04/09/2024
Should you use takeUntilDestroyed() with an HTTP put, post, or delete operation? The short answer is "Probably not!". In this video, we examine the reasons why you should not use takeUntilDestroyed() for mutation requests. youtu.be/T_xN1hPJijg #angular #rxjs
youtu.be
Don't use takeUntilDestroyed() with Angular's HTTP PUT, POST, or DELETE?
YouTube video by Deborah Kurata
150
Deborah Kurata | youtube.com/@deborah_kurata @deborahkurata.bsky.social · 23/07/2024
Syncing multiple select boxes isn't always easy, especially when they require HTTP requests. In this video, we code: 🚥a procedural approach using signals. 🚥a reactive approach using a signal effect. youtu.be/TgIRLiTHzc8 #Angular #signals
youtu.be
Synchronizing Select Boxes with an Angular Signal Effect
Syncing multiple select boxes isn't always easy, especially when they are populated from HTTP requests. In this video, we'll first take a procedural approach to synchronizing select boxes with signals. Then change to a reactive approach, using a signal effect. *Links* Sample code (procedural approach): https://stackblitz.com/~/edit/sync-select-procedural-deborahk Sample code (effect approach): https://stackblitz.com/~/edit/sync-select-effect-deborahk Sample code (Subject approach): https://stackblitz.com/~/edit/sync-select-subject-deborahk Angular Docs: https://angular.dev/guide/signals#effects *Content* 00:00 Syncing multiple select boxes 00:24 Sample Application 01:27 Populating the primary select box with toSignal() 03:15 Syncing the secondary select box (procedural) 07:09 Syncing the secondary select box (signal effect) 09:38 Wrap up ▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬ 😊About Me Hey! I'm Deborah Kurata I'm a software developer and YouTube content creator. I speak at conferences such as VSLive and ng-conf. I write articles for freeCodeCamp. And I'm a Pluralsight author with courses in the top 10 most popular (out of 7,000+) for over 5 years. For my work in support of software developers, I've been recognized with the Microsoft Most Valuable Professional (MVP) award, and I'm a Google Developer Expert (GDE). View my YouTube content: https://www.youtube.com/@deborah_kurata Contact me on Twitter: https://twitter.com/DeborahKurata Find my Pluralsight courses: https://www.pluralsight.com/profile/author/deborah-kurata Access my freeCodeCamp articles: https://www.freecodecamp.org/news/author/deborah-kurata/ ▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬ #angular #angulartutorials #angular16tutorial #effectsinangularsignals #dependentselectboxes #angulardependentselectboxes #angularselect #angularsynchronizetwocomboboxes #angularsynchronizetwoselectboxes #angularsynctwocomboboxes #angularsynctwoselectboxes
030
Deborah Kurata | youtube.com/@deborah_kurata @deborahkurata.bsky.social · 16/07/2024
Currying transforms a function with multiple params into a set of nested functions each with a subset of those params. This video examines currying and how to use it to minimize duplicate code in our @angular apps. youtu.be/cCUzCk6KE0Q #angular #currying
youtu.be
Currying for More Generalized Angular Code
Currying transforms a function with multiple parameters into a sequence of nested functions each with a subset of those parameters. This allows for the partial application of a function. How is that useful? Currying can aid in DRYing our code. With DRY, or "Don't Repeat Yourself" the goal is to reduce or eliminate duplicate code. In this video, we examine what currying is and use it to minimize duplicate code in our Angular applications *Links* Code: https://stackblitz.com/~/edit/currying-simple-deborahk Code: https://stackblitz.com/~/edit/currying-dry-deborahk YouTube video: "Understanding Immutablity in JavaScript": https://youtu.be/DBZESPS-5mQ YouTube video: "Build Generalized DRY Angular Code with Generics": https://youtu.be/ebVNm8IylrA Currying article: https://medium.com/codex/currying-in-typescript-ca5226c85b85 Currying article: https://javascript.plainenglish.io/javascript-currying-comprehensive-guide-e69c47497309 *Special Thanks* 🌟 To Sander Elias for suggesting currying. Follow him at: https://mastodon.social/@sanderelias *Content* 00:00 Currying for DRYer code 01:01 Simple application 03:20 Currying a function 05:14 Using a curried function 08:04 Generic sample application 08:49 Currying a generic function 10:16 Using a generic curried function 11:20 Chaining a curried function 12:06 Wrap up ▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬ 😊About Me Hey! I'm Deborah Kurata I'm a software developer and YouTube content creator. I speak at conferences such as VSLive and ng-conf. I write articles for freeCodeCamp. And I'm a Pluralsight author with courses in the top 10 most popular (out of 7,000+) for over 5 years. For my work in support of software developers, I've been recognized with the Microsoft Most Valuable Professional (MVP) award, and I'm a Google Developer Expert (GDE). View my YouTube content: https://www.youtube.com/@deborah_kurata Contact me on Twitter: https://twitter.com/DeborahKurata Find my Pluralsight courses: https://www.pluralsight.com/profile/author/deborah-kurata Access my freeCodeCamp articles: https://www.freecodecamp.org/news/author/deborah-kurata/ ▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬ #angular #angulartutorials #angulartutorial #angulardevelopers #angulartypescript #angularapplications #angularbestpractices #currying #curryinginangular #curryinginjavascript #curryingintypescript #drywithangular #drywithcurrying #bestangularpractices
010
Deborah Kurata | youtube.com/@deborah_kurata @deborahkurata.bsky.social · 11/07/2024
With @let, new in @Angular v18.1, we can declare and assign local variables in our template! In this video, we'll look at the @let declaration syntax, walk through common scenarios, and evaluate early best practices for using @let. youtu.be/tIi9304sjEI #angular
youtu.be
Declare Variables in Templates: Angular's New @let Declaration (v18.1)
With @let, new in Angular v18.1, we can declare and assign local variables in our template. That's right, I said template! In this video, we'll look at the @let declaration syntax, walk through some common scenarios, and evaluate some early best practices for using @let. *Links* Code: https://stackblitz.com/~/edit/let-declaration-deborahk YouTube video: "Angular's New Template Syntax: Control Flow": https://youtu.be/j9VTGRGyE-o Pre-release Article: https://itnext.io/template-local-variables-with-let-in-angular-4c6b3adfd9be Pre-release Article: https://netbasal.com/exploring-angulars-new-let-syntax-enhancing-template-variable-declarations-40487b022b44 *Content* 00:00 @let declaration 00:30 @let syntax 01:09 Sample application 01:34 Minimize duplicate expressions 03:00 Pipe 03:36 Type narrowing of signals 05:03 Variable scope 06:07 Style attributes 07:59 Calculations? 09:13 Calling a method? 10:06 Best practices 11:34 Wrap up ▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬ 😊About Me Hey! I'm Deborah Kurata I'm a software developer and YouTube content creator. I speak at conferences such as VSLive and ng-conf. I write articles for freeCodeCamp. And I'm a Pluralsight author with courses in the top 10 most popular (out of 7,000+) for over 5 years. For my work in support of software developers, I've been recognized with the Microsoft Most Valuable Professional (MVP) award, and I'm a Google Developer Expert (GDE). View my YouTube content: https://www.youtube.com/@deborah_kurata Contact me on Twitter: https://twitter.com/DeborahKurata Find my Pluralsight courses: https://www.pluralsight.com/profile/author/deborah-kurata Access my freeCodeCamp articles: https://www.freecodecamp.org/news/author/deborah-kurata/ ▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬ #angular #angulartutorials #angulartutorial #angulardevelopers #angularbestpractices #angular18newfeatures #angular18newfeature #angular18features #@let #angularletdeclaration #@letinangular #@letinangular18.1 #angularnewfeatures #featuresinangular18 #declarevariableintemplate #angular@let #angularlatestfeatures #whatis@letinangular #angularfeaturesandupdates #angular18featuresandupdates #angular@letsyntax
010
Deborah Kurata | youtube.com/@deborah_kurata @deborahkurata.bsky.social · 10/07/2024
Join me @VSLive! @ Microsoft HQ in Redmond WA! I've planned some fun talks on C# and @Angular. 💵Save $500 off standard pricing with Early Bird savings + code KURATA. Hurry, offer ends 7/12! - bit.ly/vslmsfthq See you there! #TechConference #angular #csharp
bit.ly
Visual Studio Live!: Training Conferences and Events for Enterprise Microsoft .NET and Azure Developers
000
Deborah Kurata | youtube.com/@deborah_kurata @deborahkurata.bsky.social · 02/07/2024
The @for block, part of Angular's new control flow syntax, provides useful features such as an @empty block, odd and even row indication, and easier change tracking. In this video, we walk through five fun features of the @for block. youtu.be/ooHPDCLMyXs #angular
youtu.be
Angular's New @for Block Features
The @for block, part of Angular's new control flow syntax, is great for repeating HTML elements in our templates. And it provides useful features such as an @empty block, odd and even row indication, and easier change tracking. In this video, we walk through five fun features of the @for block. *Links* Code: https://stackblitz.com/~/edit/fun-for-block-deborahk YouTube video: "Angular's New Template Syntax: Control Flow": https://youtu.be/j9VTGRGyE-o YouTube video: "Automatically Migrate to Angular's New Control Flow Template Syntax": https://youtu.be/fkAFHMhjJsQ *Content* 00:00 @for block 00:46 @empty block 01:25 $index 02:14 $first, $last, $odd, $even 04:03 $count 04:57 track 00:00 Wrap up ▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬ 😊About Me Hey! I'm Deborah Kurata I'm a software developer and YouTube content creator. I speak at conferences such as VSLive and ng-conf. I write articles for freeCodeCamp. And I'm a Pluralsight author with courses in the top 10 most popular (out of 7,000+) for over 5 years. For my work in support of software developers, I've been recognized with the Microsoft Most Valuable Professional (MVP) award, and I'm a Google Developer Expert (GDE). View my YouTube content: https://www.youtube.com/@deborah_kurata Contact me on Twitter: https://twitter.com/DeborahKurata Find my Pluralsight courses: https://www.pluralsight.com/profile/author/deborah-kurata Access my freeCodeCamp articles: https://www.freecodecamp.org/news/author/deborah-kurata/ ▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬ #angular #angulartutorials #angulartutorial #angulardevelopers #angularbestpractices #angular17newfeatures #angular17newfeature #angular17features #@for #@forinangular #@forinangular17 #angularnewfeatures #featuresinangular17 #angular@forloop #angular@for #angularlatestfeatures #whatis@forinangular #angularfeaturesandupdates #angular17featuresandupdates #angular@forcontrolflow #angular@forsyntax #angular17featureswithexample #@forinangular17withexample #angularbestpractices
020
Deborah Kurata | youtube.com/@deborah_kurata @deborahkurata.bsky.social · 26/06/2024
With DRY, or "Don't Repeat Yourself" the goal is to reduce duplicate code, making our intent more clear. In this video, we'll examine techniques for using generics to build generalized functions in our Angular apps. youtu.be/ebVNm8IylrA #angular #typescript #generics
youtu.be
Build Generalized DRY Angular Code with Generics
With DRY, or "Don't Repeat Yourself" the goal is to reduce or eliminate duplicate code, making our intent more clear. In this video, we'll examine techniques for using generics to build generalized functions in our Angular applications. *Links* Code: https://stackblitz.com/~/edit/stackblitz-generics-simple-deborahk YouTube video: "Understanding Immutability in JavaScript": https://youtu.be/DBZESPS-5mQ *Special Thanks* 🌟 To Sander Elias for suggesting generics. Follow him at: https://mastodon.social/@sanderelias *Content* 00:00 DRY - Don't repeat yourself 00:40 Sample application 01:36 Generics 03:51 Calling a generic function 04:42 keyof 08:00 Generalized signal update 10:46 Generic constraints 14:23 Wrap up ▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬ 😊About Me Hey! I'm Deborah Kurata I'm a software developer and YouTube content creator. I speak at conferences such as VSLive and ng-conf. I write articles for freeCodeCamp. And I'm a Pluralsight author with courses in the top 10 most popular (out of 7,000+) for over 5 years. For my work in support of software developers, I've been recognized with the Microsoft Most Valuable Professional (MVP) award, and I'm a Google Developer Expert (GDE). View my YouTube content: https://www.youtube.com/@deborah_kurata Contact me on Twitter: https://twitter.com/DeborahKurata Find my Pluralsight courses: https://www.pluralsight.com/profile/author/deborah-kurata Access my freeCodeCamp articles: https://www.freecodecamp.org/news/author/deborah-kurata/ ▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬ #angular #angularsignals #angulartutorials #angulartutorial #angulardevelopers #angularTypeScript #angularapplications #generics #genericswithangular #DRYwithangular #DRYwithgenerics #bestangularpractices
020