Ali Gamal (he/him)'s Avatar

Ali Gamal (he/him)

@arigatouz

Lead of the frontend @luftborn , Angular specialist, architect, father

19
Followers
52
Following
48
Posts
06.11.2024
Joined
Posts Following

Latest posts by Ali Gamal (he/him) @arigatouz

Array Methods - Cyberpunk Explorer

Built a cyberpunk JS Methods Explorer ⚡

Covers Array, Object, String, Map/Set, Promise & Number/Math — with Quiz, Compare, and Cheatsheet modes. 13 languages, full RTL support, Angular 21 signals.

👉 arigatouz.github.io/Explorer

#JavaScript #Angular #WebDev #Frontend #OpenSource

04.03.2026 20:59 👍 2 🔁 0 💬 0 📌 0

If I set ENABLE_TOOL_SEARCH=auto:5 (instead of 10) in claude code

it make the `Search` tool have an overhead to search for the right tool when Claude needs it

Question is :

Does the search overhead affect the output?

#claudeCode #claude #optimize #ai #generative #search #tools

18.02.2026 12:50 👍 0 🔁 0 💬 0 📌 0

Adding to watchlist... or maybe I will just watch it now!

09.02.2026 19:43 👍 2 🔁 1 💬 0 📌 0
Post image

Did you know about the new Features in #Angular 21
Here is a fast infographic you can look at, then you can read into the details through angular blog post
#angular #signals #zonless #vitest #angularAria #Aria #accessiblity #signals #signalForms #defer #templateupdaes

28.01.2026 10:42 👍 1 🔁 0 💬 0 📌 0
Post image

So I added details to #notebookLM from #google about the Angular new reactive paradigm with signals and resources, and it gave me this image. What do you think?

22.01.2026 14:29 👍 0 🔁 0 💬 0 📌 0
Preview
Angular's Reactive Revolution (Signals Paradigm) - HackMD This document details the introduction and evolution of Angular's reactive features, focusing on Signals and the new Resource APIs, particularly as refined in Angular 21.1. The aim is to provide a com...

Since #Angular 19, a lot has changed, and understanding the new #Angular paradigm is essential.
🅰️ngular's Reactive Revolution, Signals and the New Resource Paradigm.
It's a simple explanation from my perspective of the new Reactive Signals/Resource Paradigm.
hackmd.io/@Ali-G/SJsO1...

21.01.2026 16:20 👍 1 🔁 0 💬 0 📌 0

Thank you lars ❤️

17.01.2026 11:43 👍 1 🔁 0 💬 0 📌 0

Started 2026 with a heart attack , heart stent placement and rejected as angular GDE
I will recover and keep going and try again and again

""
Life is a contact sport
""
#angular #keepgoing #life #keeplearning

17.01.2026 10:18 👍 1 🔁 0 💬 1 📌 0
Sign in - Google Accounts

So I have created a signal form notebookLLM using Google. This may help you guys a bit when using signal forms,
notebooklm.google.com/notebook/df2...
Try it and let me know if the fed information needs to be tweaked
#angular #signalForm #forms #notebookLLM

06.12.2025 19:52 👍 1 🔁 0 💬 0 📌 0

Using HTTPSCookie authentication should be the default.

Sadly, the following fact is unknown/ignored:

Using tokens for auth is HIGHLY insecure
☝️☝️☝️☝️☝️☝️☝️☝️☝️☝️☝️☝️☝️☝️☝️

14.11.2025 10:06 👍 3 🔁 1 💬 0 📌 0

That is awesome , keep going my friend 👏👏👏👏

04.11.2025 08:14 👍 3 🔁 0 💬 0 📌 0

Coding scenario and best practices, new features with hands on code

18.10.2025 19:48 👍 3 🔁 0 💬 0 📌 0
Ask Nx: How Do You Link Packages in an Nx Monorepos?
Ask Nx: How Do You Link Packages in an Nx Monorepos? Confused about linking packages in your Nx monorepo? In this video, I break down the two different approaches Nx supports and when to use each one.🔗 **What ...

❓ How do you link packages in a monorepo?
🙋 NPM/PNPM/Yarn workspaces is the way to go.

🤔 But what about Nx workspaces with TypeScript path mappings?

Let's dive in!

youtu.be/ugPv28KJdxM

18.09.2025 19:15 👍 4 🔁 1 💬 1 📌 0
Preview
Marko 6: Fulfilling the Promise of Less JavaScript w/ Dylan Piercey YouTube video by Ryan Carniato

There is hate for JS on the server. But none have accomplished what @markojs.com has. Forget Islands, forget serialization boundaries, forget writing code twice. Just declarative templates, low JS, automatically.

@dpiercey.me joins me Friday to show how it's done.
www.youtube.com/live/x-3RxGf...

03.09.2025 19:00 👍 29 🔁 5 💬 2 📌 2
Preview
Malicious versions of Nx and some supporting plugins were published ## Summary Malicious versions of the [`nx` package](https://www.npmjs.com/package/nx), as well as some supporting plugin packages, were published to npm, containing code that scans the file syst...

🚨 Nx experienced a supply-chain attack:
- Attackers released compromised versions of Nx packages.
- These weren't from our CI (lacked npm provenance signatures).
- Nx Cloud is not affected

We are actively investigating.
All details 👇
github.com/nrwl/nx/sec...

27.08.2025 14:10 👍 12 🔁 9 💬 0 📌 3

@flensrocker.de I remember when we done this type guard check before , great as always

28.08.2025 22:18 👍 1 🔁 0 💬 0 📌 0

Looks clean as always @flensrocker.de

28.08.2025 22:10 👍 1 🔁 0 💬 0 📌 0
LinkedIn This link will take you to a page that’s not on LinkedIn

instead, they represent a special API directly supported by the Angular compiler. These capabilities can be directly applied to elements and also serve as a host binding.

Learn more about animations in Angular:
lnkd.in/d_GuxhrJ
#angular #animation #new #css

28.08.2025 21:58 👍 0 🔁 0 💬 0 📌 0
LinkedIn This link will take you to a page that’s not on LinkedIn

These functionalities seamlessly apply enter and leave CSS classes at the right moments or trigger functions to incorporate animations from external libraries. It's important to note that animate.enter and animate.leave are not directives;

28.08.2025 21:58 👍 0 🔁 0 💬 1 📌 0
Preview
Angular The web development framework for building modern apps.

Angular offers a powerful feature with animate.enter and animate.leave, allowing you to animate elements within your application.

28.08.2025 21:58 👍 0 🔁 0 💬 1 📌 0
Post image

A significant milestone has been achieved as the angular signal is now merged into the main repository. The focus now shifts towards enhancing compiler integration, eagerly anticipating its preview release
github.com/angular/angu...
#Milestone #AngularSignal #angular #signalform #signals

28.08.2025 21:32 👍 0 🔁 0 💬 0 📌 0

I tricked myself into eating plain greek yogurt, granola and hemp hearts by channeling my late, great mother: "Boy, I know you didn't buy this food with your hard earned money just to waste it. You better get in there and eat that food!"

27.08.2025 15:00 👍 19 🔁 1 💬 4 📌 0

All LCEL components implement the Runnable interface

Provides consistent methods across different component types

Enables seamless composition and chaining

#ai #lcel #langchain #agent #aiagent #runnaable #LC

27.08.2025 13:59 👍 0 🔁 0 💬 0 📌 0

What is a Runnable in the context of LCEL?

In LangChain Expression Language (LCEL), a Runnable is the fundamental building block that represents any component capable of being invoked, streamed, or batched. It's an abstract interface that standardizes how different components in LangChain

27.08.2025 13:59 👍 0 🔁 0 💬 1 📌 0

#ai #rag #agent #aiagent #llm #generators

26.08.2025 21:14 👍 0 🔁 0 💬 0 📌 0

#ai #agent #aiagent #executor #llm #agentexecutor

26.08.2025 21:13 👍 0 🔁 0 💬 0 📌 0

In essence, the agent focuses on decision-making, while the agent executor handles the practical execution, providing a seamless operational workflow.

26.08.2025 18:23 👍 0 🔁 0 💬 1 📌 0

- **Comparison:** Envision the agent executor as the holistic system that:
- Receives your query
- Consults the agent for guidance
- Implements the suggested tools
- Feeds the tool outcomes back to the agent
- Iterates this process until delivering a final solution

26.08.2025 18:23 👍 0 🔁 0 💬 1 📌 0

🚀 Agent Executor:
- Description:
The comprehensive execution system that operates the agent
- Function: Iteratively runs the agent until the task is finished
- Ability: Actively executes tools and manages the entire interaction process

26.08.2025 18:23 👍 0 🔁 0 💬 1 📌 0

- Analogy: Similar to a knowledgeable advisor who advises, "Use a calculator to multiply 10.7 by 7.68," without physically operating the calculator.

26.08.2025 18:23 👍 0 🔁 0 💬 1 📌 0