Sign in

Fabien Dehopré

@dehopre.dev
50 followers 199 following 223 posts

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

PostsRepliesMedia
Reposted by Fabien Dehopré
NgRx @ngrx.io · 25/08/2026
NgRx v22.0.0 is out! 🧩 Resource Extensions 🧬 Dynamic Deep Signals ☀️ Light Theme for the Docs And more! ✍️ by Marko #NgRx #Angular dev.to/ngrx/announc...
dev.to
Announcing NgRx v22: Resource Extensions, Dynamic Deep Signals, a Light Theme, and more!
We are pleased to announce the latest major version of the NgRx framework, featuring exciting new...
0126
Reposted by Fabien Dehopré
Gerome Grignon @gerome.dev · 03/08/2026
Optimus UI v1.0.0, the PrimeNG open-source fork, is out! Supporting Angular 21, and Angular v22 support is coming later this week! Find out more in our documentation: optimus.openng.org Discover the GitHub repository: github.com/openng-org/o...
optimus.openng.org
Optimus UI - Angular UI Component Library
Optimus UI is a community-maintained, MIT licensed suite of 80+ accessible Angular UI components.
034
Reposted by Fabien Dehopré
Santosh Yadav | GDE 🅰️ | GitHub ⭐ | MVP @santoshyadav.dev · 23/06/2026
Do you want to learn about all @angular.dev 22 features with an interactive demo? I ended up building the same during my recent Angular 22 blogs, head to the ng22.santoshyadav.dev/signal-forms... and see all features in action.
063
Reposted by Fabien Dehopré
Tim Deschryver @timdeschryver.dev · 04/06/2026
Upgraded Angular Testing Library to #Angular v22 🚀 There should be no breaking changes.
091
Reposted by Fabien Dehopré
Michael Small @michaelsmalldev.bsky.social · 06/05/2026
github.com/angular/angu... v22: it's happening!
github.com
feat(forms): graduate signal forms APIs to public API by alxhub · Pull Request #68581 · angular/angular
Replaced @experimental tags with @publicApi 22.0 across all Signal Forms APIs under packages/forms/signals to mark them as ready for general use in v22.
095
Reposted by Fabien Dehopré
CSS-Tricks* @css-tricks.bsky.social · 07/04/2026
Pretty sure most of us avoid !important anyway, but it's always a good reminder to revisit the alternatives... and when it might actually be good to reach for it. css-tricks.com/alternatives...
css-tricks.com
Alternatives to the !important Keyword | CSS-Tricks
Cascade layers, specificity tricks, smarter ordering, and even some clever selector hacks can often replace !important with something cleaner, more predictable, and far less embarrassing to explain to...
071
Reposted by Fabien Dehopré
Tim Deschryver @timdeschryver.dev · 07/04/2026
✍️ Blogged: Containerize an ASP.NET Core BFF and Angular frontend using Aspire #dotNET #Angular #Aspire 🔗 timdeschryver.dev/blog/contain...
timdeschryver.dev
Containerize an ASP.NET Core BFF and Angular frontend using Aspire
Using Damien Bowden's secure ASP.NET Core and Angular BFF template as a starting point, this post shows how to integrate Aspire to improve local development and prepare the application for containeriz...
143
Reposted by Fabien Dehopré
Ng-News @ng-news.bsky.social · 03/04/2026
Ng-News 26/11 is packed: TS 6.0, @ngrx.io RFCs (delegatedSignal, resources ext.), @martinakraus11.bsky.social on security, async debounce, @alfredo-perez.bsky.social SpecKit Companion, Graz Meetup. Right before Easter 🐇🥚 - if the holidays give you a quiet hour, worth it. youtu.be/SOJddVKtnMo
youtu.be
Ng-News 26/11: TypeScript 6, NgRx RFCs delegatedSignal, Resource Extensions
YouTube video by ng-news
043
Reposted by Fabien Dehopré
.NET @dot.net · 03/04/2026
Aspire 13.2 brings TypeScript AppHost + an AI‑agent‑ready CLI with detach mode, isolated envs, and built‑in docs search. A crisp upgrade for cloud‑native devs. 👉 buff.ly/UltbwtN
spot art.
text reads Aspire 13.2 released
get.aspire.dev
141
Reposted by Fabien Dehopré
Igor Sedov @igorsedov.com · 29/03/2026
🚀 Coming in #Angular 22 ✔️ Comments inside HTML tags! We'll finally be able to use comments directly inside HTML tags! Here is a quick visual breakdown of the new syntax.
Infographic image for Angular 22 showing code examples of comments inside HTML tags. It demonstrates inline comments, trailing comments, and commenting out property and event bindings directly within component templates for better debugging.
0106
Reposted by Fabien Dehopré
Jason Williams @jason-williams.co.uk · 11/03/2026
Temporal is now Stage 4 at TC39 🎂🎂🎂 Thanks to all the other champions of JavaScript's new date-time API. It has been a wild ride over many years! I wrote a blog post explaining how we got here 📜 bloomberg.github.io/js-blog/post...
Code example showing the usage of Temporal.ZoneddateTime

```js
// London DST starts: 2026-03-29 01:00 -> 02:00
const zdt = Temporal.ZonedDateTime.from(
  "2026-03-29T00:30:00+00:00[Europe/London]",
);

console.log(zdt.toString());
// → "2026-03-29T00:30:00+00:00[Europe/London]"

const plus1h = zdt.add({ hours: 1 });

console.log(plus1h.toString());
// "2026-03-29T02:30:00+01:00[Europe/London]" (01:30 doesn't exist)
```
2034782
Reposted by Fabien Dehopré
Olivier Poncet 🦝 @ponceto91.bsky.social · 07/03/2026
Si vous cherchez des skills pour Claude Code, voici un dépôt qui vous sera certainement très utile ⬇️ github.com/Jeffallan/cl...
github.com
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
54610
Reposted by Fabien Dehopré
TypeScript @typescriptlang.org · 06/03/2026
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...
devblogs.microsoft.com
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...
214223
Reposted by Fabien Dehopré
Johannes Hoppe @johanneshoppe.de · 04/03/2026
🅰️ Angular Tip of the Day: Your app talks to multiple APIs - but your interceptors can't tell them apart!? Wrap it. Filter it. Done!
152
Reposted by Fabien Dehopré
Brandon Roberts @brandonroberts.dev · 01/03/2026
🦀 Experimental @Angular.dev compiler written in Rust by the VoidZero team👀🔥 github.com/voidzero-dev...
github.com
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.
2224
Reposted by Fabien Dehopré
Angular @angular.dev · 22/01/2026
isActive() provides a new, treeshakable computed signal to determine if a route is active. Check out this example.
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' }
  );
}
1163
Reposted by Fabien Dehopré
Igor Sedov @igorsedov.com · 14/01/2026
🚀 New in #Angular 21.1 ➕ Multiple Case Matching in Templates
Angular 21.1 introduces support for multiple case matching within the template control flow
185
Reposted by Fabien Dehopré
Armen Vardanyan @armenvardanyan.dev · 13/01/2026
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:
Code exmaple, see full code here: https://gist.github.com/Armenvardanyan95/6af2d1c1e0b036dbd38cdc70e5099431
062
Reposted by Fabien Dehopré
ardalis (Steve Smith) @ardalis.com · 12/01/2026
Sophisticated phishing attack: medium.com/@eric.moret/...
medium.com
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
1011247
Reposted by Fabien Dehopré
Igor Sedov @igorsedov.com · 07/01/2026
🔄 #Angular Signal Forms: Directive Replace
053
Reposted by Fabien Dehopré
Logan Dupont @logandupont.com · 23/05/2025
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!
1145
Reposted by Fabien Dehopré
NgRx @ngrx.io · 22/12/2025
📢 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...
dev.to
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
0148
Reposted by Fabien Dehopré
Duende Software @duendesoftware.com · 11/12/2025
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...
duendesoftware.com
Duende BFFv4 is now available
Duende BFFv4 is now available! Learn about multi-frontend, simplified security, and unlock end-to-end visibility with OpenTelemetry.
033
Reposted by Fabien Dehopré
Brandon Roberts @brandonroberts.dev · 20/11/2025
🔥 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...
github.com
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...
0126
Reposted by Fabien Dehopré
Anthony Fu @antfu.me · 10/11/2025
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.
827363
Reposted by Fabien Dehopré
Brandon Roberts @brandonroberts.dev · 03/11/2025
🚀 Announcing @analogjs.org 2.0! 📜 Content Resources for @angular.dev 📦 Optimized Installs and Bundling ⚡️ @vite.dev ecosystem upgrades And more! dev.to/analogjs/ann...
dev.to
Announcing AnalogJS 2.0 ⚡️
We're excited to announce the 2.0 release of AnalogJS! This release includes many features that help...
44514
Reposted by Fabien Dehopré
Jeremy Elbourn @jelbourn.bsky.social · 16/09/2025
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-...
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.
1145
Reposted by Fabien Dehopré
jviide.iki.fi @jviide.iki.fi · 12/09/2025
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!
github.com
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...
819864
Reposted by Fabien Dehopré
Gerome Grignon @gerome.dev · 13/09/2025
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
032
Reposted by Fabien Dehopré
Nx @nx.dev · 29/08/2025
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...
gist.github.com
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
172
Reposted by Fabien Dehopré
Gerome Grignon @gerome.dev · 28/08/2025
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
084
Reposted by Fabien Dehopré
Nx @nx.dev · 27/08/2025
🚨 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...
github.com
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...
0119
Reposted by Fabien Dehopré
Socket @socket.dev · 27/08/2025
🚨 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
socket.dev
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...
12214
Reposted by Fabien Dehopré
Simona Cotin @simonaco.bsky.social · 22/08/2025
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! 🅰️
1167
Reposted by Fabien Dehopré
ardalis (Steve Smith) @ardalis.com · 20/08/2025
Should Blazor support kebab-case filenames? If you agree, add a 👍to this issue: github.com/dotnet/aspne... #dotnet #blazor
github.com
[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...
162
Reposted by Fabien Dehopré
Cédric Exbrayat @cedric-exbrayat.bsky.social · 21/08/2025
🚀 @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...
094
Reposted by Fabien Dehopré
Igor Sedov @igorsedov.com · 14/08/2025
🚀 Coming in #Angular 20.2 🤖 Generate AI configurations automatically
074
Reposted by Fabien Dehopré
Alex Suzuki @alexsuzuki.com · 08/08/2025
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
youtube.com
Generating Playwright Tests With AI: Let's Try the New Playwright MCP Server!
YouTube video by Checkly
112
Reposted by Fabien Dehopré
Tim Deschryver @timdeschryver.dev · 01/08/2025
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
061
Reposted by Fabien Dehopré
Scott Hanselman 🌮 @scott.hanselman.com · 31/07/2025
TEDx Talk - Tech promised everything, but did it deliver? youtu.be/dVG8W-0p6vg?...
youtu.be
Tech Promised Everything. Did it deliver? | Scott Hanselman | TEDxPortland
YouTube video by TEDx Talks
811921
Fabien Dehopré @dehopre.dev · 12/07/2025
I scored 16/28.
010
Reposted by Fabien Dehopré
Sam Rose @samwho.dev · 11/07/2025
I made a quiz about the JS Date parser is. It's very easy and you will score very high. jsdate.wtf
jsdate.wtf
new Date("wtf")
How well do you know JavaScript's Date class?
62475157
Reposted by Fabien Dehopré
Duende Software @duendesoftware.com · 02/07/2025
Stop CSRF cold! 🚔 Duende's BFF requires a simple custom header on authenticated API requests. This standard check and SameSite cookies provide strong protection against Cross-Site Request Forgery. Learn how: docs.duendesoftware.com/bff/fundamen... #dotnet #security
012
Reposted by Fabien Dehopré
ardalis (Steve Smith) @ardalis.com · 02/07/2025
Yes whoever is disabling paste in their UIs please stop it. It's making things worse all around with no actual benefit.
083
Reposted by Fabien Dehopré
Angular @angular.dev · 26/06/2025
A new RFC is now available for your feedback and thoughts: Animations in Angular. We're exploring updates to how the Angular works with animations, and we'd love to know what you think of this proposal. Review the proposal ➡️ github.com/angular/angular/discussions/62212
github.com
RFC - Animation In and Out · angular/angular · Discussion #62212
Authors: @thePunderWoman Area: Angular Framework Posted: June 23, 2025 Status: Open The Angular team created @angular/animations over eight years ago. That was before the native CSS platform had al...
095
Reposted by Fabien Dehopré
Ng-News @ng-news.bsky.social · 26/06/2025
Latest ng-news: 🧭 @younesjd.dev introduces “chartered coding” – a structured approach to using LLMs in real dev workflows 💦 @michael-hladky.bsky.social demystifies SSR & Incremental Hydration in Angular ⚡ Evgenyi Tuboltsev explores Reactivity in #Angular youtu.be/bk3aCGoafg8
youtu.be
Ng-News 25/25: "Charted" Coding, SSR & Incremental Hydration
YouTube video by ng-news
044
Reposted by Fabien Dehopré
Nx @nx.dev · 23/06/2025
We've just leveled up, introducing: Self-Healing CI for Nx Cloud 👩‍💻 push a PR ❌ CI fails 🤖 Nx Cloud picks it up, creates & validates a fix for it 🔔 You get a notification, review the fix ✅ Fix gets pushed to your PR Sounds great? Then read on 👇
2167
Reposted by Fabien Dehopré
ardalis (Steve Smith) @ardalis.com · 22/06/2025
thehackernews.com/2025/06/67-t...
thehackernews.com
200+ Trojanized GitHub Repositories Found in Campaign Targeting Gamers and Developers
A new cybersecurity campaign has exposed 67 trojanized GitHub repositories, targeting gamers and developers with malicious Python tools.
153
Reposted by Fabien Dehopré
Maria Korneeva @browser-person.bsky.social · 11/06/2025
TIL: It's not widely known, but there is an upper limit to the width and height of elements that can be displayed in a browser. The values are as follows: Safari: 33,554,428px Chromium: 16,777,216px dev.to/kohii/how-to... #web #browser
dev.to
How to Implement Virtual Scrolling Beyond the Browser's Limit
Introduction I am currently developing a CSV editor called SmoothCSV 3. It uses the...
022
Reposted by Fabien Dehopré
Gerome Grignon @gerome.dev · 04/06/2025
What's new in Angular 20? I explored the full @angular.dev release, diving into the codebase to share with you the insights in a huge blog post! www.angular.courses/new-in-angul...
angular.courses
What's New in Angular 20 - Latest Features, Updates & Release Guide
Discover what's new in Angular 20: latest features, improvements, breaking changes, migration tips, and more. Stay updated with the Angular 20 release and boost your productivity.
061