iiinova — where your digital self keeps evolving

Younes Jaaidi @younesjd.dev · 23/07/2026

User expectations drive engineering priorities. Half a century of innovation to reach single-digit latency... in milliseconds. The new SLA: single-digit latency... in seconds... to display: Great question! • thinking...

010

Younes Jaaidi @younesjd.dev · 22/07/2026

I got tired of burning tokens, and worse, review time on Jest to @vitest.dev migrations, so I built Vitestify, a CLI that does it for you. npx @testmex/vitestify 🎯 Deterministic & beyond test files: configs, setup files, mocking APIs... 🪜 Incremental: tests that fail keep running under Jest 🧵

1103

Reposted by Younes Jaaidi

Vladimir @vladimir.berlin · 10/07/2026

`vmThreads` is 30% faster in Vitest 5 for your jsdom tests. It is now a much better alternative to the default forks+jsdom. Vitest 5 also comes with a `vitest doctor` command that will find the best settings for you! As a note, browser mode also becomes ~30% faster, but for different reasons :)

an app with 342 modules + real deps is ~32% faster. 1022 modules + heavier deps is ~28% faster

0579

Younes Jaaidi @younesjd.dev · 10/07/2026

🍿 Reviewing a PR is like watching the last five minutes of a movie and being asked whether the plot made sense. The thing about Charted Coding (github.com/marmicode/sk...) is that it breaks a feature into small intent-driven commits: 🧵 #AI #AIAssistedDev #ChartedCoding #TDD

design doc, scaffolding (the noisy boilerplate), failing test, making the test pass.

That sequence is the review. You can watch the feature get built, decision by decision.

🫠 The problem is that most tooling is PR-first. I want to read the story, not just the last scene. So I'm exploring a commit-first review tool:

🔥 A heat map of review cost, so attention goes where it matters.
🏷️ Tags for each Charted Coding step (design, scaffold, red, green, ...), so a reviewer knows what kind of change they're looking at.
🤖 More importantly, it should tell if the AI commits were supervised or not.
👀 Reviewer routing. Maybe one person takes the design doc and another takes the implementation. See who reviewed what, at the commit level.

Still early, but I'm curious how you deal with this? and if such an OSS tool would be useful to you and what you would except from it?

Obviously, diffing, comments etc... are still handled by your current tools (e.g. Github)

221

Younes Jaaidi @younesjd.dev · 08/07/2026

A few days ago, while coaching a team. They showed me this Angular code... ... it turns out that the ubiquitous language of chromatography data systems (en.wikipedia.org/wiki/Chromat...) overlaps almost perfectly with #Angular 's. 😄 #javascript

Dark-themed code editor showing an Angular component class that uses signal-based inputs and a computed value. The class declares two required inputs, detectors and injections, and a computed property named signals that returns a flattened array of all signals from each injection using this.injections().flatMap(injection => injection.signals). Syntax highlighting emphasizes Angular APIs such as input.required and computed.

110

Reposted by Younes Jaaidi

Rainer Hahnekamp @rainerhahnekamp.bsky.social · 07/07/2026

At Google I/O Connect, we got the chance to record in a professional studio. So I asked my three “Angular Buddies”, @younesjd.dev, Marko Stanimirović, and @manfredsteyer.bsky.social to join me for a conversation about #Angular. Signals, what is still missing, and AI. 🎥 youtu.be/0_NsqGF8gM8

youtu.be

What’s Next for Angular? Google I/O Connect Berlin Roundtable

YouTube video by Rainer Hahnekamp

045

Younes Jaaidi @younesjd.dev · 07/07/2026

Nothing changed since the 20th century. Waterfall is still broken and AI just makes us hit the wall faster… but still not soon enough to make it a good feedback loop. The instinct is to want faster, smarter agents, or more agents judging each other. 🧵

Alt text:

Side-by-side comparison of two AI-assisted software development workflows.

Left panel: 🌱 “Common” Spec Kit

A table compares six commands by LLM Cost and Review Cost:

Command LLM Cost Review Cost
/speckit.specify $0.66 ~1,200 words
/speckit.clarify $0.53 ~300 words
/speckit.plan $0.68 ~2,200 words
/speckit.tasks $0.29 ~1,800 words
/speckit.analyze $0.26 —
/speckit.implement $2.56 ~600 lines of code

Total: $4.98 with an estimated review time of 1h30 to 3h.

The review-cost column is shaded red, emphasizing the amount of text and code that must be reviewed.

⸻

Right panel: 🧭 Charted Coding

A similar table compares a different workflow:

Command LLM Cost Review Cost
/charted-design $0.88 ~930 words
/charted-review $0.87 —
3× /charted-scaffold $1.19 (avg. ~$0.40 each) ~230 lines of code (avg. ~80 each)
3× /charted-red $0.69 (avg. ~$0.23 each) ~200 lines of code (avg. ~70 each)
3× /charted-green $2.25 (avg. ~$0.75 each) ~90 lines of code (avg. ~30 each)

Total: $5.88 with an estimated review time of 40 minutes to 1h30.

The review-cost column is shaded green, highlighting that work is split into much smaller, incremental review units.

Overall message: Although Charted Coding costs slightly more in LLM usage ($5.88 vs. $4.98), it dramatically reduces review effort by replacing large documents and a single ~600-line implementation with smaller, incremental design documents and code changes, leading to a much shorter overall review time.

241

Younes Jaaidi @younesjd.dev · 25/06/2026

If you’re at #GoogleIOConnect and wanna chat about where AI-Assisted Dev, Testing, and sailing meet with Monorepos and Polyrepos, come hang out I’m under the A/C by the Modern Web Guidance booth #angular #testing #nx

060

Reposted by Younes Jaaidi

Vite @vite.dev · 23/06/2026

🚀 Vite 8.1 is out ⚡ Experimental Full Bundle Mode: ~15x faster dev server startup & ~10x faster full reloads on large apps 🧩 Chunk Import Map to keep chunks stable & improve caching 🦀 WASM ESM integration 💡 Lightning CSS on the road to default 👀 and more! vite.dev/blog/announc...

vite.dev

Vite 8.1 is out!

Vite 8.1 Release Announcement

119935

Younes Jaaidi @younesjd.dev · 23/06/2026

🤯 I had the chance to play with #Polygraph early — and it just fixes the messy reality of AI-assisted dev: collaborating with other devs, and across multiple repos. Can't wait for you to try it. Watch it launch live today 👇 🎁 Bonus: many amazing talks about #ai ❤️ #monorepo monorepo.tools/conf

monorepo.tools

AI ❤️ Monorepos · Conf 2026

A free half-day virtual conference for engineers working at the intersection of monorepos, CI, and agentic AI. June 23, 2026.

064

Reposted by Younes Jaaidi

Abbey Perini @abbeyperini.dev · 12/06/2026

@younesjd.dev 's talk Ashes to Ashes, Spec to Spec: The Rebirth of Modern Testing at #ReactSummit

Younes speaking on the React Summit stage. The room is packed. His intro slide is projected behind him. He's giving a thumbs up

011

Younes Jaaidi @younesjd.dev · 11/06/2026

Just landed in Amsterdam. This church says roses bloom even in bleak winter. 🥀 Good — we’ll need flowers for tomorrow’s service at @reactsummit.gitnation.org: one last goodbye to our old testing frameworks, and what’s next with @vitest.dev… and more 🎁 Ashes to ashes, spec to spec. ⚰️

Person standing in front of a brick church, holding out a hand toward a graphic that reads “ASHES TO ASHES, SPEC TO SPEC” with a bouquet icon. A Dutch inscription is visible high on the church wall.

010

Younes Jaaidi @younesjd.dev · 03/06/2026

With AI-Assisted Development, your #Angular tests become the agent's main feedback loop. Brittle tests = noise. A focused suite = clear signal: what works, what broke, what's next. The #testing strategy matters more than ever. Early bird closes Friday 👇 marmicode.io/workshops/pr...

Promotional banner for an online “Pragmatic Angular Testing” workshop. A bearded instructor wearing a red apron stands in a kitchen with copper pans hanging in the background. On the left, large white text reads “PRAGMATIC ANGULAR TESTING WORKSHOP.” On the right, the event details: “June 16–18, Hands-on · Online.” Below, the banner identifies the instructor as Younes Jaaidi, a Google Developer Expert. In front of the instructor is a stylized cooking pot containing Angular, Vitest, JavaScript, and testing-related icons, reinforcing the cooking-themed branding. The overall design uses dark purple tones with bright white and magenta accents.

020

Reposted by Younes Jaaidi

AriPerkkio @ariperkkio.dev · 01/06/2026

Building this integration has been amazing opportunity to dogfood all APIs we've added into @vitest.dev in past years. It's using features like new Reporter APIs, Vitest plugin hooks, browser commands, CDP, test tags and much more! Vitest is definitely one of the most extensible JS tools out there.

1237

Younes Jaaidi @younesjd.dev · 01/06/2026

Thanks Logan. It made me realized that I wasn't following most of my friends 😅

110

Younes Jaaidi @younesjd.dev · 01/06/2026

#NgBaguetteConf keeps getting bigger every year — great job! Genuinely useful talks back to back, and a crowd that was as enthusiastic as they come. The questions afterward were the gems I'm looking for at confs. ...

A large modern lecture hall with tiered seating filled with attendees at a tech conference or developer meetup. Many people are using laptops, tablets, or phones while listening to a presentation taking place out of frame. The room features high ceilings with curved wooden panels, large floor-to-ceiling windows letting in natural light, and dark walls with purple seating accents. The audience appears engaged, with most facing toward the front-right side of the room. The atmosphere is professional and focused, typical of a software engineering conference session.

A cheerful group selfie taken in a cozy pub or café with exposed brick walls and warm lighting. Around a dozen people are gathered closely together, smiling at the camera. Several are making playful gestures, including a thumbs-up and raised hands in the background. The person holding the camera in the foreground is laughing with an open-mouthed smile, giving the photo an energetic, celebratory feel. The setting features dark wood furnishings, mirrors, and mixed-colored chairs, creating an informal atmosphere typical of an after-hours meetup or conference social event. The mood is friendly, relaxed, and social.

A speaker stands behind a podium, appearing to act out a humorous scene during a conference presentation. They are wearing a light-colored beanie, round glasses, and a white apron, with a dish towel draped over one shoulder, giving the appearance of a cook or chef. Holding a phone to one ear while looking toward a laptop on the lectern, they appear focused on an imaginary conversation. The dark stage background contrasts with the bright clothing and stage lighting. The scene has a theatrical, playful feel, suggesting a live talk that incorporates storytelling, role-playing, or cooking-themed metaphors.

220

Reposted by Younes Jaaidi

Logan Dupont @logandupont.com · 29/05/2026

Enjoy! I created a starter pack for the event 😊

011

Younes Jaaidi @younesjd.dev · 29/05/2026

#NgBaguetteConf is kicking off, and we’re both ready! Let’s see where AI-assisted development and testing meet… 🧭

120

Younes Jaaidi @younesjd.dev · 27/05/2026

#NgBaguetteConf is in 2 days and we still haven't agreed on much with @butcherjs.dev for our keynote talk... 🤷🏻‍♂️

Two men sitting at a wooden table, both looking serious and focused at a laptop in front of them.
The person on the left has curly hair and a beard, wearing a white t-shirt with a burgundy apron, giving a “chef / software cook” vibe.
The person on the right wears glasses, a gray beanie, a dark hoodie, and a white apron.

Background details:

* Rustic wooden furniture
* Decorative flowers and candles
* Large ocean-wave wall art
* Warm circular lamp behind the left person that almost looks like a halo/light fixture compositionally

The mood feels like:

* intense discussion
* startup founders debating something
* “two engineers reviewing production incidents”
* or “chef meets hacker podcast thumbnail.”

030

Younes Jaaidi @younesjd.dev · 22/05/2026

🦸 The legends who stayed till the very end of yesterday's #ReactSummit Pragmatic Testing workshop. I love how @vitest.dev + a resilient testing strategy makes tests look the same across frameworks.

Screenshot of a video call with six participants in a grid layout. Three participants have cameras on in the top row: a smiling woman with glasses and a space-themed virtual background, a man in an apron smiling in front of copper pans and kitchen decor, and a woman waving in a bright room. In the bottom row, a man wearing headphones waves at the camera with a blurred background, another woman waves while smiling, and one participant has their camera off with the name ‘Hugo’ displayed on a black screen.

191

Younes Jaaidi @younesjd.dev · 07/05/2026

🫡 Bye `fakeAsync`, thanks for your service. ✨ Angular 22 will ship an option to migrate `fakeAsync` to @vitest.dev fake timers 🗑️ No more Zone.js patching just because of `fakeAsync` 🙏 Thanks to Andrew Scott and Charles Lyding for welcoming the idea and for the feedback github.com/angular/angu...

github.com

feat(@schematics/angular): add option to migrate `fakeAsync` to Vitest fake timers by yjaaidi · Pull Request #33111 · angular/angular-cli

PR Checklist Please check to confirm your PR fulfills the following requirements: The commit message follows our guidelines: https://github.com/angular/angular-cli/blob/main/CONTRIBUTING.md#-com...

1193

Reposted by Younes Jaaidi

AriPerkkio @ariperkkio.dev · 10/04/2026

@vitest.dev just surpassed Jest in npm weekly downloads 📈 npmx.dev/compare?pack...

31055

Younes Jaaidi @younesjd.dev · 27/03/2026

With agentic dev workflows, intent matters. Tests express it. Last chance to join the next #Angular #Testing Workshop session — starting April 1st — and learn how to write tests with clear intent. marmicode.io/workshops/pr...

marmicode.io

Pragmatic Angular Testing Workshop | Marmicode

There are two ways to keep a product stable: **never touch it — or cook up a solid testing strategy.** So… how’s yours holding up? * Refactor something and watch the tests boil over? * Maintaining...

011

Younes Jaaidi @younesjd.dev · 24/03/2026

👋 If you are at #VDZ26 and wanna come say hi or wanna chat about #angular, #testing, #nx and AI dev workflows such as #ChartedCoding, you will find me here.

Man with curly hair and beard at a conference coffee break, pointing at a closed laptop on a small round table. In the background, attendees stand near a buffet counter with drinks and glasses.

130

Younes Jaaidi @younesjd.dev · 24/03/2026

Just jumped over a few mountains to talk about future-proof testing with #Vitest #VoxxedDaysZurich is kicking off 🍿

0100

Younes Jaaidi @younesjd.dev · 20/03/2026

Your component has a 300ms debounce. How do you test it? With real timer, you "wait long enough and hope." With #Vitest fake timers in manual mode, time freezes — and so does #Angular's synchronization, unless... ... you read my last cookbook's recipe 😊 cookbook.marmicode.io/angular/test...

Code snippet of a Vitest Angular test titled “search for a cookbook.”
It enables fake timers with vi.useFakeTimers(), creates a component using TestBed.createComponent(SearchForm), and then awaits fixture.whenStable(), annotated with a comment indicating a timeout issue (“⏳ test timeout 🤔”).

062

Younes Jaaidi @younesjd.dev · 20/03/2026

👨🏻‍🏫 Workshops are great for hands-on learning. 📺 Courses let you control the pace. 🤖 An AI tutor helps you retry exercises on your own. 👨🏻‍🍳 Coaching helps adapt learnings. What if you could get all of this in one package? ✅ Pragmatic #Angular #Testing Workshop — April 1–3 🎟️ luma.com/36dp2b0w

luma.com

Pragmatic Angular Testing • 🇬🇧 English · Luma

Three days to turn your testing approach into a well-seasoned strategy. Learn to build tests that survive refactors, migrations, and deadlines. 👉 More info…

021

Younes Jaaidi @younesjd.dev · 17/03/2026

Debounces, delays, intervals... they either break your tests or slow them down. ⏩ Since @vitest.dev 4.1.0, you can now "fast-forward" time in your tests with `nextTimerAsync` tick mode. ❤️ credit goes to Andrew Scott (@angular.dev team) 🧑‍🍳 recipe → cookbook.marmicode.io/angular/test...

Slide comparing manual vs automatic handling of fake timers in a Vitest test.

Top-left code shows a test using fake timers manually:
• vi.runAllTimersAsync() to flush framework internals (e.g. Angular sync)
• vi.advanceTimersByTimeAsync(300) to handle debounce
Annotations explain both steps are required and can slow tests.

Bottom-left note explains that since Vitest 4.1.0, a “fast-forward” mode can automatically advance timers.

Right side shows simplified code using:
• vi.setTimerTickMode('nextTimerAsync')
No manual timer flushing or advancing is needed.

Footer includes author handle (@yjaaidi / @younesjd.dev) and a link to marmicode testing content.

3375

Younes Jaaidi @younesjd.dev · 16/03/2026

I just need a few more of you to migrate to @vitest.dev so I can prove that crystal balls work 🔮 😉 (the charts from npmx.dev are so neat ❤️)

Slack DM from November 15th, 2024. Younes Jaaidi: "My speculation is that Vitest will surpass Jest usage by Q1 2026 🔮". Brandon Roberts replies: "2026! 💀"

npmx.dev chart showing Jest vs Vitest monthly downloads from Nov 2024 to Mar 2026. Vitest grows from ~30M to 155.5M, surpassing Jest which sits at 143.3M. The lines cross around Q1 2026.

2458

Younes Jaaidi @younesjd.dev · 13/03/2026

My takeaway quote of #AngularGraz “An LLM is a parrot who is into statistics” — @manfredsteyer.bsky.social

040

Younes Jaaidi @younesjd.dev · 13/03/2026

Great talk by @gerome.dev at #AngularGraz So refreshing to see someone advocating for incremental migrations over big bang rewrites 🪜👏

031

Reposted by Younes Jaaidi

React Summit @reactsummit.gitnation.org · 11/03/2026

⚡Let’s explore in @younesjd.dev’s talk why Vitest isn’t just trendy - it’s built on hard-earned lessons in speed, reliability & dev experience. You’ll learn: •Partial vs Full Browser Mode •Test architecture patterns •Fakes & Object Mothers •Testronaut Catch it at React Summit!

011

Reposted by Younes Jaaidi

Brandon Roberts @brandonroberts.dev · 03/03/2026

🧪 In the latest release of @analogjs.org, you can migrate to @vitest.dev with browser mode for @playwright.dev enabled and automatically configured using an @angular.dev schematic! analogjs.org/docs/feature...

0134

Younes Jaaidi @younesjd.dev · 02/03/2026

This is my favorite kind of changes. Experimental runners out, clarity in. @vitest.dev is the path. Thanks Alan! github.com/angular/angu...

GitHub pull request page showing ‘refactor: remove experimental Jest and Web Test Runner builders #32582’ merged into angular:main. The screenshot highlights the pull request summary with 29 files changed, 34 checks, and a large red ‘−2,938’ code deletion indicator pointed to by a purple arrow.

0172

Reposted by Younes Jaaidi

Ng-News @ng-news.bsky.social · 26/02/2026

Ng-News 26/07: • @armenvardanyan.dev, Andrew Scott: router resources, RxJS, ngxtension, TypeScript/Go • @younesjd.dev: Vitest browser mode • @manfredsteyer.bsky.social: Hashbrown + AI in Angular • #Angular Popularity • Maximilian Schwarzmüller: 10 years of Angular youtu.be/3oTeWPzVPtY

youtu.be

Ng-News 26/07: Angular's Router, Vitest, Hashbrown, History & Popularity

YouTube video by ng-news

085

Reposted by Younes Jaaidi

Santosh Yadav | GDE 🅰️ | GitHub ⭐ | MVP @santoshyadav.dev · 24/02/2026

Introducing commitstory.io transform your GitHub commits history into stories. The GitHub login and app gets the read only access to your profile and reads the history. You can also create a timeline based on the the GitHub commit history. Go ahead and share your story and tim eline.

A timeline displays milestones in a GitHub developer's journey, including commits, pull requests, and issues from 2015 to 2024.

051

Younes Jaaidi @younesjd.dev · 24/02/2026

⛵️ Charted Coding in action 🫠 Less review fatigue, and context switching. ⚡️ More action. My favorite part is when the agent uses #WallabyJS MCP tools to get instant @vitest.dev feedback and debug values. No waiting. No guessing.

051

Reposted by Younes Jaaidi

Boshen @boshen.github.io · 24/02/2026

Announcing Oxfmt Beta * 100% Prettier Compatibility * Additional File Formats * Tailwind CSS Integration * Import Sorting * package.json Sorting * Embedded Language Formatting * Node.js API * `--migrate prettier` * config overrides * Full IDE support oxc.rs/blog/2026-02...

oxc.rs

Oxfmt Beta

A collection of high-performance JavaScript tools written in Rust

420434

Reposted by Younes Jaaidi

Brandon Roberts @brandonroberts.dev · 23/02/2026

📝 What if your @analogjs.org app/site could pull content from any headless CMS at build time—without changing a single component? Here's how with @angular.dev a @vite.dev plugin, and custom content loaders. My latest post 👇 dev.to/brandontrobe...

dev.to

Using a Headless CMS with Angular and Analog Content Loaders

Analog provides a powerful content system out of the box. Drop some markdown files in the src/content...

0152

Younes Jaaidi @younesjd.dev · 20/02/2026

Did you notice that @angular.dev has 99970 stars on GitHub? 👀 I wonder if there is a prize for ⭐ 100,000 🤔

060

Reposted by Younes Jaaidi

VoidZero @voidzero.dev · 18/02/2026

Flaky tests and memory leaks are the worst. @vitest.dev now has a flag that catches uncleared intervals, lingering servers, and other async operations leaking across your tests. Available in the latest 4.1 beta. Big shout out to @ariperkkio.dev from the Vitest team for landing this PR! 🔥

2569

Younes Jaaidi @younesjd.dev · 18/02/2026

AI agents are great — until you're staring at a 500-line PR you didn't ask for ⛵️ With #ChartedCoding an AI-assisted TDD, you get: - ⚡️ Tight feedback loops - 🪙 Low token usage - 🎯 Humans & agents stay focused 💻 Try the agent skills: github.com/marmicode/sk... or make your own 😉

121

Younes Jaaidi @younesjd.dev · 13/02/2026

😱 Early bird is over for my @angular.dev #Testing workshop. With @vitest.dev becoming Angular's default, this one might save you weeks of trial and error. 3 coupons left: TESTALDENTE 👀 luma.com/mkx7x8rc?coupon=TESTALDENTE *Full refund if it doesn't make you enjoy testing.

luma.com

Pragmatic Angular Testing • 🍽️ Full Course • 🇬🇧 English · Luma

Three days to turn your testing approach into a well-seasoned strategy. Learn to build tests that survive refactors, migrations, and deadlines. 👉 More info…

032

Younes Jaaidi @younesjd.dev · 12/02/2026

👋 @vitest.dev Browser Mode for #Angular is not just a switch — but a different recipe 😉 Let's dive into what's cooking under the hood: ⚙️ How it works (Vitest vs Playwright roles) 🌓 "Partial" vs. 🌕 "Full" Browser Mode 🔌 APIs: userEvent vs. page 🪜 Progressive migration youtu.be/Pu22JQG6jdg #testing

youtu.be

Test Angular Components Like a Real User with Vitest "Full" Browser Mode

YouTube video by Marmicode – By Younes Jaaidi

0175

Reposted by Younes Jaaidi

Vladimir @vladimir.berlin · 12/02/2026

if you are mad at on open source project, bashing it on social media doesn’t help anyone and doesn’t even boost ego that much

3162

Younes Jaaidi @younesjd.dev · 27/11/2025

🔥Last call! Early-bird (20% off) for Dec. 10th-12th #Angular #Testing Workshop expires tomorrow 🥘 Freshly updated menu: ⚡️ Angular 21 + #Vitest 4 + Browser Mode 🧑‍🚀 Playwright Component Testing with Testronaut 🧭 Testing Strategy and Patterns that scale 🤖 AI Tutor 🤯 marmicode.io/workshops/pr...

marmicode.io

Pragmatic Angular Testing Workshop | Marmicode

042

Younes Jaaidi @younesjd.dev · 25/11/2025

🤔 I keep complaining about French paperwork but today I discovered US W8-BEN-E form. Why do humans hate each other so much that they throw forms like this at one another?

010