Armen Vardanyan

manning.comModern AngularDiscover the new features and techniques of the most modern versions of Angular.</b> The powerful Angular framework is ever-evolving, with each new iteration bringing amazing new modern features. Mod...

21 Nov 2024

If you don't know, I've authored a book about #Angular - aptly titled "Modern Angular" It is approaching print publication and is already available online with early access You can check it out here: www.manning.com/books/modern...

11h

Do not forget to join tomorrow! And let's take a look at TanStack Query in Angular together 😉 www.youtube.com/watch?v=iY-k... #Angular #TanStack #Livestream

Since tomorrow we will do a livestream on TanStack Query in Angular, let's do a small intro for anyone who is unfamiliar

And, more powerful than resources, Angular Query also supports mutations! So you can perform requests with HTTP POST, DELETE, etc

Chime in tomorrow for the full live coding session! #Angular #TanStack #WebDev #TypeScript

Since tomorrow we will do a livestream on TanStack Query in Angular, let's do a small intro for anyone who is unfamiliar

You get signals back, just like with resources:

But you can manually set "staleness" and it will refetch the next time the data is used if the time has expired!

Since tomorrow we will do a livestream on TanStack Query in Angular, let's do a small intro for anyone who is unfamiliar

TanStack Query was doing what resources do today long before resources existed; it was primarily popular with React projects, but the Angular port exists and is very powerful.

The idea is generally the same, but it also allows caching of requests by key. And in the Angular version, signals can also be parts of the key. In the example below, ['books', 2] is the key, the value will be refetched anytime the key changes

Since security continues to be the number one topic in software right now, it is important for me to continue to say that frontend apps are NOT excluded from having vulnerabilities

Read more about security in your Angular apps in a previous thread of mine: x.com/Armandotrue/...

Source: www.herodevs.com/blog-posts/a... #Angular #WebSecurity #CyberSecurity #WebDev

Since security continues to be the number one topic in software right now, it is important for me to continue to say that frontend apps are NOT excluded from having vulnerabilities

- A sanitization bypass in host bindings (Medium). This is the one that also affects apps without SSR - Logged-in responses leaking through HttpTransferCache (Medium)

All of these are fixed in the latest 20, 21 and 22 patches, so your first line of defense is keeping your Angular apps up to date at all costs

Since security continues to be the number one topic in software right now, it is important for me to continue to say that frontend apps are NOT excluded from having vulnerabilities

Another SSR one: if user input shapes a URL you pass to `HttpClient`, a URL that looks same-origin can still be sent to another server, along with your server's auth headers

Other vulnerabilities found: - Two cross-site scripting bugs in SSR (High) - A path traversal in Angular's SSR package on Windows (Medium)

Since security continues to be the number one topic in software right now, it is important for me to continue to say that frontend apps are NOT excluded from having vulnerabilities

Here are some CVEs (common vulnerabilities and exposures) recently disclosed in Angular (summarized by HeroDevs), just for a taste

SSR could be hung with a single malformed DOCTYPE in user-supplied HTML, pinning the server at 100% CPU. Fixed in 20.3.31, 21.2.23 and 22.1.6. Angular 19 and older will not get a fix

16h

One thing people may struggle with in signals (and, subsequently, NgRx Signal Store) is that signals, ultimately, are wrappers around values (so, objects) This means all the object reference things and gotchas apply. See here: #Angular #NgRx #Signals #WebDev

Do you know the difference between switchMap, exhaustMap, mergeM... wait, it does not matter. I believe there is an operator missing in RxJS Say you want to auto-save a document when the user types edits into it.

You want to send a save request when they change anything (could be a big change like a pasted paragraph or just one symbol), you want to hold off new changes while the request is in-flight, but when it is done, you want to save the new FINAL result (everything changed since then).

What operator would you choose? I would use `auditMap`, but there is a slight problem: that operator does not exist! It is, however, quite easy to build by combining a `throttle` and `concatMap` and creating a deferred Observable out of them: #Angular #RxJS #TypeScript #WebDev

I know a lot of people who want to start building AI agents, either for themselves or as products for other users/businesses. I personally started with Google ADK and am very content with it (even did two livestreams about it), so maybe I should cover a bit here too

View full thread

www.youtube.com/watch?v=4nxh...

www.youtube.com/watch?v=v6yq... #AI #AIAgents #GoogleADK #TypeScript

It also comes with a built-in runner and DB connection services for running your agents in production

So far my favorite thing for building agents, another cool framework from Google (yeah Angular brought me here) To learn more you can watch my livestreams:

ADK comes with a built-in web-based debug preview where you can play around with your agent without the need to build a separate frontend

You can also hook into model's and/or agent's lifecycle with hooks (and even completely replace LLM calls in specific situations)

In Google ADK, you build LlmAgents and provide them with tools and maybe other subagents in a very simple way:

You can also create agents for specific workflows, like fixed `SequentialAgent`-s, working concurrently with `ParallelAgent`-s or iterating using `LoopAgent`-s

Okay everyone, time for me to talk about TanStack Angular! For quite a long time tools like React Query were dominating non-Angular frontend frameworks, but since TanStack became available, we can use its full power in our Angular apps

Resources cover most of the "HTTP request" functionality, but not mutations, and TanStack also has so much more to offer: database, store and even AI integrations! Join me this Wednesday to explore TanStack in Angular together! #Angular #TanStack #WebDev

I used to say that you should compact (or switch to a new session) at around 30-40% of context window, but with Opus 5.5 you can pretty much go for 80% or even more. Argon also keeps stable for very long sessions. I would revise my advice to 50% at worst, maybe 60. #AI #LLM #AIAgents

Funny thing how the `defer` keyword evolved to also work for incremental hydration. SSR is the most underrated Angular topic though, I feel. Is anyone actually building server rendered apps right now? #Angular #WebDev #SSR

Might be an unpopular opinion, but you should not use the official Angular skill, but absolutely should use the official MCP

No shade on the authors at all, it is actually a very well designed skill, but it focuses too much on the current version (and I know you people never update your skills lmao)

and tends to overexplain the basics, I just don't think the LLMs need THAT much handholding #Angular #AI #MCP #AIAgents

Remember `entryComponents`? #Angular #WebDev #TypeScript

I've met people who have no idea what the Ivy compiler is Not because they're "bad developers" But because they started working with Angular at around version 15 For them the Ivy compiler is just... the compiler A bit mind-blowing 😬 #Angular #WebDev #JavaScript

My favourite genre of stupid LLM posting is accounts making tweets about papers that they do not understand, and very often the papers do not even make the point they think they do #AI #LLM #MachineLearning