Fabio Biondi @biondifabio.bsky.social · 23/09/2025#ESLint statically analyzes your code to quickly find problems and notify warnings or errors. It's already configured if you're creating projects with VITE or can be manually installed in #Angular application by using the npm package "angular-eslint". Here some tips : ) 100
Fabio Biondi @biondifabio.bsky.social · 22/09/2025Here you can find a summary of some of the latest features introduced in the new #Angular Signal Forms. On my website you can download the PDF version, watch a video tutorial (italian but also translated in Eng) and more snippets about Signal Forms lbdo.ing/signals-forms @angular.dev 100
Fabio Biondi @biondifabio.bsky.social · 07/02/2025Here the second part of my post about #angular CLI commands I often use 030
Fabio Biondi @biondifabio.bsky.social · 07/02/2025In this post (1/2), I summarized some of the most useful CLI tools for #Angular (that I use very often). Slides are updated to Angular v.19 and Zoneless. 040
Fabio Biondi @biondifabio.bsky.social · 31/01/2025Ultimo weekend per acquistare il nuovissimo video corso MASTERING #ANGULAR COMPONENTS al prezzo di lancio LINK AL CORSO: lbdo.ing/amc 000
Fabio Biondi @biondifabio.bsky.social · 13/01/2025Do you want to be sure your #Angular components are ready to use the latest change detection mechanism and for next-generation Zoneless applications? Set the "ChangeDetectionStrategy.onPush" and if they don't work there are two main problems: Today: probably too many renders Tomorrow: No Zoneless 030
Fabio Biondi @biondifabio.bsky.social · 12/01/2025There are several approaches to including style sheets in #Angular components, some of which are only available in the most recent versions of the framework: 1️⃣ Inline styles 2️⃣ Inline styles (array) 3️⃣4️⃣ External CSS file (single or array) 000
Fabio Biondi @biondifabio.bsky.social · 11/01/2025#Angular allows us to decide precisely where and how our components can be integrated. Here are some types of key selectors that every Angular developer should know 161
Fabio Biondi @biondifabio.bsky.social · 10/01/2025In November 2024 was announced a "soft deprecation" of the #Angular directives "ngClass" and "ngStyle", mainly due to performance-related problems, in favor of a direct binding to the attributes "class" and "style". More info: github.com/angular/angu... 094
Fabio Biondi @biondifabio.bsky.social · 25/12/2024A super gift for all of you 👇🎄 A COUPON for 2 DAYS of FREE subscription to "unlock" our new books: ➡️ TypeScript for FrontEnd Developers (with React) lbdo.ing/ts-book ➡️ Angular & NGRX 19: lbdo.ing/ngrx Simply click on the link below 👇 to activate them (max 100): www.learnbydo.ing/coupons/rede... 031
Fabio Biondi @biondifabio.bsky.social · 17/12/2024🚀 Conditional Types in #React components🚀 An example to show how #TypeScript conditional types can be used to create a Button that can accept different properties based on a "variant" property. In this scenario we could also use a Discriminated Union to achieve the same result (but more readable) 010
Fabio Biondi @biondifabio.bsky.social · 06/12/2024#nextjs #performance #tip We reduced build time by 30% by removing the default NextJS linter from the build. In next.config file: const nextConfig = { eslint: { ignoreDuringBuilds: true, }, .... PS: I know some of you may not like this approach... Solution? Don’t do it :) 140
Fabio Biondi @biondifabio.bsky.social · 05/12/2024An example of how #TypeScript can help us create more robust code. Here, we use a "Union type" to type the properties of a #React component and handle different Notifications Each branch of the JSX template will show only the right properties: lbdo.ing/ts-book 060
Fabio Biondi @biondifabio.bsky.social · 29/11/2024#typescript Working on the new landing page of my next online book about TypeScript (with React v.19 examples too). lbdo.ing/ts-book Any feedback is appreciated 040
Fabio Biondi @biondifabio.bsky.social · 20/11/2024SSR in #angular is getting better and better. In v.19 it is very easy to define which route should be managed on the Client side, which server side (SSR) and which using the prerendering (SSG). 070
Fabio Biondi @biondifabio.bsky.social · 20/11/2024How cool is the new resoure API available in #Angular v.19? In this snippet we use rxResource, #rxjs and the forkJoin operator to handle multiple requests. Each time we change the "userId" signal, two http calls will be made: 1. users/[id]: user's info 2. posts?userId=[id]: users' posts 050
Fabio Biondi @biondifabio.bsky.social · 14/11/2024A new post about "resource" API ( #Angular v.19) In this example we specify that the request is linked to the "userId" signal. When the signal is updated, the endpoint is automatically re-fetched. Since the url is composed by API/[id], the endpoint loads a different user at each call. 071
Fabio Biondi @biondifabio.bsky.social · 14/11/2024#angular v19 In this example we create the "userResource" property using the new "resource" API (available in Angular v.19). This example is very similar to the one I shared yesterday but this time we use async...await instead. "resouce" also offers a convenient "reload" method to re-fetch 040
Fabio Biondi @biondifabio.bsky.social · 14/11/2024#Angular v.19 introduces a new resource API: • it allows to easily handle asynchronous operations, using Promises or Observables • it manages its state, as the `isLoading()` property • it can depend on a signal and automatically re-fetch data when it changes Here an example (more coming soon) 070
Fabio Biondi @biondifabio.bsky.social · 13/11/2024I have just create a bluesky account and it really looks like twitter / X... 🤔 020
