Fabien Dehopré 's Avatar

Fabien Dehopré

@dehopre.dev

Husband & proud father of 2 kids. Angular & .NET senior dev. Casual gamer (Diablo IV, WoW, Kerbal Space Program, ...)

45
Followers
198
Following
223
Posts
06.11.2024
Joined
Posts Following

Latest posts by Fabien Dehopré @dehopre.dev

Preview
GitHub - Jeffallan/claude-skills: 66 Specialized Skills for Full-Stack Developers. Transform Claude Code into your expert pair programmer. 66 Specialized Skills for Full-Stack Developers. Transform Claude Code into your expert pair programmer. - Jeffallan/claude-skills

Si vous cherchez des skills pour Claude Code, voici un dépôt qui vous sera certainement très utile ⬇️

github.com/Jeffallan/cl...

07.03.2026 07:21 👍 45 🔁 10 💬 5 📌 0
Preview
Announcing TypeScript 6.0 RC - TypeScript Today we are excited to announce the Release Candidate (RC) of TypeScript 6.0! To get started using the RC, you can get it through npm with the following command: npm install -D typescript@rc TypeScri...

The Release Candidate for TypeScript 6.0 is now available!

Read up on what's coming up with 6.0 & 7.0, and try it out on your codebase today!

devblogs.microsoft.com/typescript/a...

06.03.2026 19:31 👍 139 🔁 23 💬 2 📌 8
Post image

🅰️ Angular Tip of the Day: Your app talks to multiple APIs - but your interceptors can't tell them apart!?

Wrap it. Filter it. Done!

04.03.2026 16:00 👍 5 🔁 2 💬 1 📌 0
Preview
GitHub - voidzero-dev/oxc-angular-compiler: Experimental Angular Compiler based Oxc Experimental Angular Compiler based Oxc. Contribute to voidzero-dev/oxc-angular-compiler development by creating an account on GitHub.

🦀 Experimental @Angular.dev compiler written in Rust by the VoidZero team👀🔥

github.com/voidzero-dev...

01.03.2026 13:41 👍 22 🔁 4 💬 2 📌 0
A code snippet showing the usage of the standalone isActive function imported from @angular/router. Inside a component class, a readonly active property is defined that checks if the /profile route is active. It passes a configuration object specifying "exact" matching for paths and query params, while ignoring fragment and matrix params.

Code Snippet:

import { ..., isActive } from '@angular/router';

@Component({...})
export class App {
  private readonly router = inject(Router)

  readonly active = isActive(
    '/profile',
    this.router,
    { 
      paths: 'exact', 
      queryParams: 'exact', 
      fragment: 'ignored', 
      matrixParams: 'ignored' }
  );
}

A code snippet showing the usage of the standalone isActive function imported from @angular/router. Inside a component class, a readonly active property is defined that checks if the /profile route is active. It passes a configuration object specifying "exact" matching for paths and query params, while ignoring fragment and matrix params. Code Snippet: import { ..., isActive } from '@angular/router'; @Component({...}) export class App { private readonly router = inject(Router) readonly active = isActive( '/profile', this.router, { paths: 'exact', queryParams: 'exact', fragment: 'ignored', matrixParams: 'ignored' } ); }

isActive() provides a new, treeshakable computed signal to determine if a route is active.

Check out this example.

22.01.2026 17:15 👍 16 🔁 3 💬 1 📌 0
Angular 21.1 introduces support for multiple case matching within the template control flow

Angular 21.1 introduces support for multiple case matching within the template control flow

🚀 New in #Angular 21.1
➕ Multiple Case Matching in Templates

14.01.2026 17:16 👍 8 🔁 5 💬 1 📌 0
Code exmaple, see full code here: https://gist.github.com/Armenvardanyan95/6af2d1c1e0b036dbd38cdc70e5099431

Code exmaple, see full code here: https://gist.github.com/Armenvardanyan95/6af2d1c1e0b036dbd38cdc70e5099431

Yesterday, I posted a wrong example of how one can reuse routes in #Angular

It can be useful when you want to keep users from making annoying mistakes like navigating away and losing a large, half-filled form

Here is how to actually do it:

13.01.2026 11:17 👍 6 🔁 2 💬 0 📌 0
Preview
I Almost Lost My Apple Account to the Most Sophisticated Phishing Attack I’ve Ever Seen How scammers weaponized Apple’s own support system to bypass 2FA — and how I barely escaped

Sophisticated phishing attack:

medium.com/@eric.moret/...

12.01.2026 15:59 👍 114 🔁 48 💬 11 📌 5
Post image

🔄 #Angular Signal Forms: Directive Replace

07.01.2026 06:13 👍 5 🔁 3 💬 0 📌 1

I just created a new Angular Starter Pack!

If someone is missing from the Angular community let me know via reply or DM.

Please repost!

23.05.2025 13:52 👍 7 🔁 4 💬 0 📌 4
Preview
Announcing NgRx 21: Celebrating a 10 Year Journey with a fresh new look and @ngrx/signals/events Announcing NgRx 21: Celebrating a 10 Year Journey with a fresh new look and @ngrx/signals/events

📢 Announcing NgRx 21: Celebrating a 10 Year Journey with a fresh new look and ngrx/signals/events

🎊 10 Year Anniversary
🎨 New Documentation Website
⚓ Stable Events Plugin

And more!

✍️ by @timdeschryver.dev

dev.to/ngrx/announc...

22.12.2025 16:38 👍 14 🔁 8 💬 0 📌 3
Preview
Duende BFFv4 is now available Duende BFFv4 is now available! Learn about multi-frontend, simplified security, and unlock end-to-end visibility with OpenTelemetry.

Duende BFF v4 is available! Architecturally, this is huge: you can now support multiple frontends from a single, robust backend. Plus, we've integrated OpenTelemetry for seamless end-to-end observability in your identity flow.

Simplify your stack: duendesoftware.com/blog/2025120...

11.12.2025 20:02 👍 3 🔁 3 💬 0 📌 0
Preview
Release v2.1.0 · analogjs/analog 2.1.0 (2025-11-20) Bug Fixes content: stripped filename to match filename also for additionalContentDirs (#1962) (cdacae0) create-analog: bump TypeScript to 5.9.x (7a94868) platform: enable esbuil...

🔥 Alongside the @angular.dev v21 release, @analogjs.org 2.1 is out!

🍞 Improved @rolldown.rs support for @vite.dev
🤖 Experimental Angular Compilation API support
⚡️ Performance improvements with @vitest.dev

github.com/analogjs/ana...

20.11.2025 20:13 👍 12 🔁 6 💬 0 📌 0

My first advice to junior contributors is to STOP using vibe coding for PRs. OSS is always about people more than about code. We don't need more code generated by LLM, we need more people who care.

10.11.2025 11:47 👍 270 🔁 63 💬 8 📌 7
Preview
Announcing AnalogJS 2.0 ⚡️ We're excited to announce the 2.0 release of AnalogJS! This release includes many features that help...

🚀 Announcing @analogjs.org 2.0!

📜 Content Resources for @angular.dev
📦 Optimized Installs and Bundling
⚡️ @vite.dev ecosystem upgrades

And more!

dev.to/analogjs/ann...

03.11.2025 15:23 👍 45 🔁 14 💬 4 📌 1

The URL does not work. It gives a 404 You’ve lost your orbit, captain!

10.10.2025 14:22 👍 0 🔁 0 💬 0 📌 0
Screenshot of the report UI for web-codegen-scorer, a tool for evaluating the quality of web code generated by LLMs. The screenshot shows a report for an example run with Angular, Gemini 2.5 Pro, and Genkit. The overall score is 94, which breakdowns for build, runtime, security, and accessibility.

Screenshot of the report UI for web-codegen-scorer, a tool for evaluating the quality of web code generated by LLMs. The screenshot shows a report for an example run with Angular, Gemini 2.5 Pro, and Genkit. The overall score is 94, which breakdowns for build, runtime, security, and accessibility.

I'm excited we've finally open-sourced one of the new things the Angular team has been working on lately: web-codegen-scorer

www.npmjs.com/package/web-...
github.com/angular/web-...

16.09.2025 16:42 👍 13 🔁 5 💬 1 📌 1
Preview
Release pnpm 10.16 · pnpm/pnpm Minor Changes There have been several incidents recently where popular packages were successfully attacked. To reduce the risk of installing a compromised version, we are introducing a new settin...

pnpm v10.16.0 adds "minimumReleaseAge", a setting for defining how long a version has to have been published before pnpm will install it.

A nice countermeasure against accidental installs of short-lived compromised packages before they get taken down. Not a 100% fix, but a great additional step!

12.09.2025 22:49 👍 198 🔁 64 💬 8 📌 6
Post image

Introducing a MCP Server for Angular devs!

Built on top of up-to-date documentation from Angular, Material, NgRx, RxJS, and Angular Can I Use, it'll help you avoid common issues with outdated/deprecated @angular.dev generated code.

Link: www.dolmen.tools/en/angular/m...

#anguar #mcp #ai

13.09.2025 06:41 👍 3 🔁 2 💬 0 📌 0
Preview
Steps to take to verify whether you're affected by s1ngularity Steps to take to verify whether you're affected by s1ngularity - security-checklist.md

Nx was subject to a malicious attack which resulted in data leaking to public Github repos.

1. verify whether you're affected
2. take action to rotate your tokens

All details 👇
gist.github.com/juristr/9ce...

29.08.2025 18:32 👍 7 🔁 2 💬 1 📌 1
Post image

Updating an Angular project with ng update is the easy part; then you have to find compatible versions for your third-party libraries!

I just released a new tool to check for recommended compatible versions!

Check it out: www.dolmen.tools/en/angular/d...

#angular

28.08.2025 12:54 👍 8 🔁 4 💬 0 📌 1
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
Preview
Nx npm Packages Compromised in Supply Chain Attack Leveragin... Malicious Nx npm versions stole secrets and wallet info using AI CLI tools; Socket’s AI scanner detected the supply chain attack and flagged the malwa...

🚨 Supply chain attack on Nx npm packages (4.6M weekly downloads)

Malware abused AI CLI tools (Claude, Gemini, Q) to steal creds + wallets, then exfiltrated to GitHub repos (s1ngularity-repository*).

More than 1,000 victim accounts confirmed.
🔗 socket.dev/blog/nx-pack... #nodejs

27.08.2025 16:15 👍 22 🔁 14 💬 1 📌 2

Angular 20.2.0 landed this week and it's packed with goodies

🧘 stable zoneless APIs
🎁 TypeScript 5.9
💅 built-in enter and leave animations
🤖 experimental MCP server
⚙️ AI context file generation in the CLI
🕸️ headless mode for vitest browser mode

Soooooo excited to see what you're building! 🅰️

22.08.2025 13:41 👍 16 🔁 7 💬 1 📌 0
Preview
[Blazor] Support kebab-case file names for Razor components with auto-mapping to PascalCase class names · Issue #63343 · dotnet/aspnetcore Is there an existing issue for this? I have searched the existing issues Is your feature request related to a problem? Please describe the problem. In Blazor, Razor component file names must follow...

Should Blazor support kebab-case filenames? If you agree, add a 👍to this issue:

github.com/dotnet/aspne...

#dotnet #blazor

20.08.2025 19:06 👍 6 🔁 2 💬 1 📌 0
Post image

🚀 @angular.dev 20.2 is out!

🔥 Zoneless change detection is now stable
🎬 Brand new animations API (goodbye @angular/animations!)
🤖 New AI-powered CLI tooling

👉 blog.ninja-squad.com/2025/08/20/w...

21.08.2025 06:57 👍 11 🔁 5 💬 0 📌 0
Post image Post image

🚀 Coming in #Angular 20.2
🤖 Generate AI configurations automatically

14.08.2025 19:13 👍 7 🔁 4 💬 0 📌 0
Generating Playwright Tests With AI: Let's Try the New Playwright MCP Server!
Generating Playwright Tests With AI: Let's Try the New Playwright MCP Server! YouTube video by Checkly

Does anyone have a good resource on how to create good-looking tutorial videos for a technical product? As in tooling used, hints on structuring, etc.
Something like this: www.youtube.com/watch?v=MIlc...
@stefanjudis.com

08.08.2025 06:20 👍 1 🔁 2 💬 1 📌 1
Post image Post image

A little trick I just learn to make it easier to test a zoneless #Angular (v20) application, is to configure the providersFile to automatically add providers.

This is a feature we already had in Angular Testing Library, but it's nice to see that it's built-in now.

Bonus: setupFiles is also new

01.08.2025 18:35 👍 6 🔁 1 💬 0 📌 0
Tech Promised Everything. Did it deliver? | Scott Hanselman | TEDxPortland
Tech Promised Everything. Did it deliver? | Scott Hanselman | TEDxPortland YouTube video by TEDx Talks

TEDx Talk - Tech promised everything, but did it deliver? youtu.be/dVG8W-0p6vg?...

31.07.2025 07:35 👍 120 🔁 21 💬 8 📌 3