biondifabio Profile Banner
Fabio Biondi Profile
Fabio Biondi

@biondifabio

Followers
2K
Following
1K
Media
401
Statuses
1K

• FrontEnd Training: Angular | React | Next | JS | TS | RxJS | .. • Google Developer Expert | Angular • https://t.co/c4ufgwcNBD • https://t.co/soIBqxHmAn

Trieste / Italy
Joined February 2010
Don't wanna be here? Send us removal request.
@biondifabio
Fabio Biondi
12 days
Token-Oriented Object Notation (TOON) is a compact, human-readable serialization format designed for passing structured data to LLM with significantly reduced token usage. What do you think about it? Will it be used widely? https://t.co/wr9x4sza5f https://t.co/hyfEiV8NEZ
1
0
2
@biondifabio
Fabio Biondi
14 days
I wrote the first part of a mini guide about @geminicli to quickly summarize the potential of the "CLI as Code assistant" and show some practical examples: • auth • code gen (React) • refactoring / fix errors • add doc • config Vitest and run tests https://t.co/M0MuDZpPgU
Tweet card summary image
learnbydo.ing
Use Gemini CLI to create, document and test your code
0
0
0
@biondifabio
Fabio Biondi
27 days
Tired of manually managing pending/error/result signals for async calls in #angular ? Angular Resource API offers a reactive approach. It automatically handles all states and integrates perfectly with computed signals(for ex. from Markdown to HTML). @GeminiApp + @angular
1
1
18
@biondifabio
Fabio Biondi
2 months
Angular vs React. Who is the winner? Listen the song to know the truth 🤣 (of course it's a parody song) https://t.co/gOFDuMa1qp
0
0
0
@biondifabio
Fabio Biondi
2 months
Do you want to integrate the #gemini APIs into an @angular application? 1. Create an API KEY in Google AI Studio (1 min) 2. Start from this script (2 mins : ) ❌ Do not use it in production. Your API KEY will be exposed on the client side. However, it's a great way to start
0
0
1
@biondifabio
Fabio Biondi
2 months
I published a tutorial to configure and use ESLint in #angular . It's in italian but the english audio track is also available https://t.co/8qkV6pFemy
0
0
1
@biondifabio
Fabio Biondi
2 months
0
0
0
@biondifabio
Fabio Biondi
2 months
1
0
0
@biondifabio
Fabio Biondi
2 months
#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 : )
1
1
11
@biondifabio
Fabio Biondi
2 months
0
0
1
@biondifabio
Fabio Biondi
2 months
1
0
1
@biondifabio
Fabio Biondi
2 months
1
0
0
@biondifabio
Fabio Biondi
2 months
Here you can find all the snippets about @angular Signal Forms I shared in the past days. On my website you can download the PDF version, watch a video tutorial (italian but also translate in Eng) and other snippets about Signal Forms https://t.co/yku2KXbVyB
2
9
38
@biondifabio
Fabio Biondi
2 months
Trick to save money if you want to generate content using #Gemini! Did you know that you can use Gemini API (generate text) and #nanobanana (for Images) for free using @GoogleAIStudio ? 1. Open Google Ai Studio 2. Write a Prompt or click on "Try Nano Banana" 3. Enjoy :)
1
1
6
@biondifabio
Fabio Biondi
2 months
After sharing the example where I used @angular Signal Forms with httpResource, many people have asked me how to apply a debounce. Here is an example. Source code (and several other examples): https://t.co/yku2KXbnJ3 #angular
4
12
75
@biondifabio
Fabio Biondi
2 months
I'm @tailwindcss addicted, and I'm so happy to have just discovered that in the new versions of the @angular v.21 CLI there is already the possibility of setting it automatically: 1. Install all deps 2. add and configure .postcssrc.json 3. import Tailwind into styles.css ❤️
0
0
3
@biondifabio
Fabio Biondi
2 months
What I love of @angular Signal Forms (v.21) is that now they fit very well with the rest of the most recent angular API. For example, we can use "httpResource" (v.19+) to automatically invoke an endpoint every time the form changes and get value(), isLoading and errors 🚀❤️
2
3
30
@biondifabio
Fabio Biondi
2 months
I have published a new video tutorial to see the integration of the Google #Gemini API and the Google/GenAI SDK into @angular applications, writing prompts and generating content to display https://t.co/y76UpYuRPn Recorded in italian (with audio track in english by YouTube)
0
0
2
@biondifabio
Fabio Biondi
2 months
A simple snippet to add a custom Async Validator in @angular Signal Forms (v.21) using the new “validateHttp” function: 1️⃣ Every time the user types, the “request” function invokes the endpoint (cancelling pending reqs) 2️⃣ The "errors" function validate the response Love it ❤️
1
5
42
@biondifabio
Fabio Biondi
2 months
Today it's time to see how we can write a custom validator with @angular Signal Forms (v.21). 1. use the valdiate() function 2. return "null" if validation passes or a "customError" if not Super simple ❤️
0
0
2