Better type-safety with zod

In TypeScript, there are cases where we don't have a guarantee that the type we define is the one that is used during the runtime.

A typical example is the response of an HTTP request because the HttpClient doesn't verify that type. However, suppose you want that a verification still happens.

In that case, you should read Tim Deschryver's latest article, where he showcases zod, a validation library for TypeScript, and of course, how to integrate it into Angular.

Tim Deschryver

@tim_deschryver

✍️ Blogged: Why we should verify HTTP response bodies, and why we should use zod for this

#Angular

timdeschryver.dev/blog/why-we-sh…

16:53 PM - 04 Jul 2022

Advanced TypeScript

If you have been working for some time with TypeScript, you will very likely be fascinated by its possibilities for type inference or utility types.

Especially NgRx, a state management library, shows the potential of TypeScript, if you really master it.

Mike Ryan, a member of the NgRx team, wrote an article where he explains step by step the techniques behind the createActionGroup function, which can actually be seen as a masterpiece.

LiveLoveApp

@findabsolutejoy

Want to level up your TypeScript type magic? Join NgRx co-creator @MikeRyanDev for a detailed breakdown of the types behind @ngrx_io's new createActionGroup function.

liveloveapp.com/blog/2022-07-0…

#NgRx #LiveLoveApp #FindAbsoluteJoy #TypeScript #Angular #TypeMagic #Bread #Gluten

17:22 PM - 07 Jul 2022

ModuleFederation in Nx

ModuleFederation is a feature of webpack and is often used for MicroFrontends.

It is a perfect example of a community-driven project where especially Manfred Steyer did a lot of pioneering work.

Nx, an alternative to the Angular CLI, has now a feature where ModuleFederation is used to build only changed lazy loaded modules but not the rest of the application. This is obviously a massive boost in terms of build time. Colum Ferry wrote an article where he explained this feature in detail and how to apply it.

Setup Module Federation in Angular using Nx

Colum Ferry for Nx ・ Jul 12 ・ 6 min read

#angular #webdev #javascript #tutorial