iiinova — where your digital self keeps evolving

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

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

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

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

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

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

👨🏻‍🏫 Next full Pragmatic Testing workshop sessions: → 3-day #Angular — 🗓️ June 16: marmicode.io/workshops/pr... → 3-day #React — 🗓️ September (waitlist open): marmicode.io/workshops/pr...

Promotional card for a ‘Pragmatic Angular Testing’ workshop. The design features a dark cooking-themed background with blurred kitchen utensils and a semi-transparent overlay. At the center is a stylized cooking pot illustration containing testing-related logos and icons, including Angular, Playwright masks, a checkmark, and a small astronaut character. A language toggle with a UK flag and ‘EN’ appears in the top-right corner. Below the illustration, the title ‘Pragmatic React Testing’ is displayed in large purple text, followed by the description: ‘Three days to turn testing chaos into a well-seasoned strategy. Learn to build tests that survive refactors, migrations, and deadlines.’ At the bottom are icons and labels indicating ‘3 Days’ and pricing ‘From €970’, along with a rounded ‘VIEW DETAILS’ button.

Promotional card for a ‘Pragmatic React Testing’ workshop. The design features a dark cooking-themed background with blurred kitchen utensils and a semi-transparent overlay. At the center is a stylized cooking pot illustration containing testing-related logos and icons, including React, Playwright masks, a checkmark, and a small astronaut character. A language toggle with a UK flag and ‘EN’ appears in the top-right corner. Below the illustration, the title ‘Pragmatic React Testing’ is displayed in large purple text, followed by the description: ‘Three days to turn testing chaos into a well-seasoned strategy. Learn to build tests that survive refactors, migrations, and deadlines.’ At the bottom are icons and labels indicating ‘3 Days’ and pricing ‘From €970’, along with a rounded ‘VIEW DETAILS’ button.

010

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 · 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 · 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

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

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

Fantastic timing! The moment I post about charted coding, your post is just below it on my timeline 😄

screenshot of Dominik's post about Code Review fatigue then Younes's post about Charted Coding which tries to fix code review fatigue.

120

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

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

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 · 25/11/2025

I am starting to enjoy #Gemini ad-hoc generated games – with gesture detection etc… – more than my kids do 😄

A child sitting at a wooden table raises their hand excitedly while looking at a laptop. The laptop screen shows a split view with a Gemini conversation on the left and a brightly colored green game or animation on the right. The scene is indoors with soft lighting and a curtain in the background.

020

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

🎉 10th #NgPolandConf and 1st #AIPolandConf wrapped up! Sharp! 🙏 What an audience — I genuinely learned a lot from the hallway chats. 🙌 Always a pleasure to cook stuff on stage with @rainerhahnekamp.bsky.social ! 😱 For the first time… my new nemesis @butcherjs.dev hijacked my slot

Younes and Rainer discussing what's on the screen on stage

Conference attendees and speakers and organizers on stage

Jean Sebastient Butcherton dressed as Butcher in a kitchen

030

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

If you have any #Nx questions, I’ll be by my friends from @jetbrains.com during lunch at #AiPolandConf

030

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

Great to see the growing interest in #testing — I had a really nice group at yesterday’s workshop with real passion and sharp questions👌 And now #NgPolandConf kicks off with the #Angular Team announcing v21 release tomorrow with Vitest support.

A presenter stands at the front of a classroom, gesturing with raised hands while speaking to a group of attendees seated at desks with laptops. A large screen displays the slide “How to evaluate?” on a purple background. The room has floor-to-ceiling windows on one side and a whiteboard with diagrams on the other. The participants are focused on the talk, with some typing or taking notes.

3 presenters stand on a stage with large projected slides behind them. One is speaking at a curved white podium with a laptop covered in stickers, while the other stands slightly behind and to the side. Metallic balloon numbers are floating at the left. The stage lighting is pink and purple, giving the scene a conference-talk atmosphere

020

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

🤖 Did you know you can bring your own agent to my Pragmatic #Angular #Testing workshop? Type "/next-hint" and it’ll whisper the recipe when you burn the sauce 😉 Have a nice weekend and see you on Monday at #NgPolandConf 👋 🎟️ ng-poland.pl#workshops

A split-screen screenshot of a code editor. On the left, a TypeScript test file (recipe-search.browser.spec.ts) shows a describe block, a todo test, and an unfinished mountRecipeSearch async function. On the right, a hint panel displays a highlighted purple box containing guidance: seed a fake repository with two recipe entries before mounting, and configure TestBed with provideRecipeRepositoryFake() inside mountRecipeSearch before calling createComponent()

032

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

I was checking something on my #Angular #Testing Cookbook's glossary cookbook.marmicode.io/angular/test... I definitely prefer rereading my writing then my code. 😅

Screenshot of

eXtreme Programming (XP)
XP is a software development methodology that hasn't sold its soul to the devil of certification-driven business models.

Screenshot of:

Creative creatures that are bad at repetitive tasks like regression testing.

010

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

⚡️ One of the most exciting things in #Angular 21 is @vitest.dev support — especially Browser Mode. 🥘 Fresh off the cutting board, I’ve cooked up a starter so you can taste it yourself 👨🏻‍🍳 🤔 Probably the first time Browser Mode runs on @stackblitz.com stackblitz.com/edit/angular...

Screenshot of Stackblitz running Vitest browser mode

0172

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

#Angular finally said it out loud: @vitest.dev is in the family. Ready to clean up your testing kitchen with a pragmatic #testing strategy that scales? 🍳 🐣 few early bird tickets remaining. 👉 marmicode.io/workshops/pr...

0102

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

🕹️Pick the sticker of the right #Angular state management solution.

Two smiling people stand by a round table covered with shiny hexagonal stickers featuring a purple design. They appear to be at a conference, with one wearing a badge labeled “NG-DE.” The setting has warm lighting, arched walls, and a casual atmosphere.

020

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

🕹️Pick the sticker of the right #Angular state management solution.

030

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

Many thanks to the lovely #ngdeconf crowd for the warm welcome and the enthusiasm about @testronaut! Special thanks to @jeanmeche.com for being the perfect accomplice while @rainerhahnekamp.bsky.social and I cooked up some trouble together. 😉 Stay tuned 📻

Two speakers smile for a selfie on stage in front of a large, cheerful audience seated in rows inside a bright hall with arched walls and pink lighting. The crowd, many wearing conference badges, waves and makes peace signs toward the camera. A strong light beam shines from the back of the room, creating a radiant atmosphere.

091

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

Really cool and very transparent talk by @jens.ng on how the #Angular team is handling the planning and priorities etc... Very inspiring!

181

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

⚡️Finally! The official statement! @vitest.dev is now the official #Angular #testing framework 💪

A speaker presenting on stage at a tech conference, standing in front of a large screen displaying the slide “Experimental Vitest support.” The audience is seated in a spacious hall with arched architecture and soft purple lighting, creating a professional and engaging atmosphere.

3528

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

✅ Just wrapped up the Pragmatic #Angular Testing workshop with @vitest.dev 4 — one of the most passionate groups I’ve seen. Now, #ngdeconf is kicking off, and the energy’s already through the roof. 🚀

Group photo of enthusiastic workshop participants in a classroom setting. Around fifteen people are smiling and posing together, some raising their hands or giving thumbs-up. Laptops, drinks, and notebooks are on the tables, and everyone wears name badges on lanyards. The atmosphere is friendly and energetic.

A large audience seated in a grand hall with arched ceilings and red lighting, attending a tech conference. A presentation screen at the front displays the title “Your Angular Education – Angular 18, Signals & DX Power,” with speaker photos and logos visible. The venue features stone walls, decorative carvings, and tall windows letting in natural light.

050

Younes Jaaidi @younesjd.dev · 29/10/2025

If you can't make it to neither NgDe nor NgPoland — which are both totally worth it by the way — you can still join my upcoming online sessions while early bird is still on 😉 👉 marmicode.io/workshops

Banner for the ‘Pragmatic Angular Testing Workshop’. The background shows a bearded man wearing a colorful apron, standing in a kitchen with copper pans and developer-themed stickers. The text reads: ‘🍽️ Full Course · 3 Days Workshop · Online. 🐥 Early Bird Starts at €970. Three days to turn your testing chaos into a well-seasoned strategy. Learn to build tests that survive refactors, migrations, and deadlines.’ Buttons below say ‘BOOK A SESSION’ and ‘REQUEST A CUSTOM SESSION’. A small note at the bottom mentions: ‘🇫🇷 Formation également disponible en Français et éligible au financement OPCO.’

030

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

One of my favorite @vitest.dev features: "test.fails()" It caught a bug that vanished after updating SWC — before I even had time to put my apron on and dive in. Without it, that issue would still be open. Watch it in action 👇 #angular #javascript #testing

Code editor showing a Vitest test case written in TypeScript. The test is defined with it.fails() and labeled “🐞 should bind inputs even when property is assigned using constructor injection”. It defines two Angular standalone components — Title and Container. Title declares an input<string>() property and injects a service in the constructor. Container passes a "title" input to <jsc-title>. The test renders Container and expects the heading to be 'Hello input!'.

Terminal output from running Vitest. All tests pass except one. The failing test is under src/swc-plugin-angular-input.spec.ts and labeled “🐞 should bind inputs even when property is assigned using constructor injection”. The console shows “→ Expect test to fail” in gray, confirming this is an intentional failing test marked with it.fails(). Other test files and cases are listed as passed with green check marks and execution times in milliseconds.

120

Younes Jaaidi @younesjd.dev · 22/10/2025

Huge thanks to @ng-conf.bsky.social — warm welcoming, flawless organization, stellar venue, and a sea of passionate #Angular devs. ⛵️ Special shoutout to Captain Joe Eames and the whole crew. Got to meet new friends and some I hadn’t seen in 7 years (thanks Atlantic 🌊😒). And what a venue. ❤️

150

Younes Jaaidi @younesjd.dev · 18/10/2025

Getting ready with @rainerhahnekamp.bsky.social to make some announcements at #NgConf Yes, it’s about #Angular #Testing

1124

Younes Jaaidi @younesjd.dev · 17/10/2025

@tomastrajan.bsky.social , you’re being stalked! Your posts are on @marktechson.com keynote at #NgConf

030

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

Excited to run an #Angular #testing workshop at @viteconf.org tomorrow, and honored to have @evanyou.me on the workshop banner 😆 It's free an online so see you tomorrow 😉 📋 viteconf.amsterdam/workshops

Pragmatic angular testing with vitest workshop banner with Evan You on banner

0112

Younes Jaaidi @younesjd.dev · 06/10/2025

📢 I'll be giving an #Angular Vitest #testing workshop on Wednesday for @viteconf.org You can register here: viteconf.amsterdam/workshops 🍛 Ingredients: ⚡️ Vitest 🦋 Zoneless 🐙 Testing Library 🍴 Techniques such as TDD, Fakes, and object mothers 🎁 Some surprises ... 🤯 It's free and online

Vitest UI screenshot testing a workshop invite component

2196

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

I just released my #ChartedCoding dev workflow (📝 design doc => 🤖✅ AI #TDD) video using #Cursor, and now I have to try the same with #GeminiCLI 😅 Excithausting times 😆 📺 Full video here: youtu.be/8z9tUsSoros

061

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

Wondering why the `bindings` option in #Angular is an array instead of an object literal? One reason is that some minifiers (Google's Closure, I guess) mangle property names. The number of things the Angular team has to think of is fascinating 🤯 Thx @crisbeto.bsky.social & @thepunderwoman.com

code snippet with Angular's create component bindings option

161

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

🧭 A major benefit of #ChartedCoding is that focused prompts are faster and more predictable, e.g.: 📝 review design doc 🚧 scaffold wip code 🔴 write failing tests ✅ make them pass one by one (using a test MCP) 🧹 tidy up 🎨 polish UI ... Watch here: youtu.be/8z9tUsSoros

Diagram representing charted coding and human / AI agent participation.
Creative tasks require more human attention than repetitive & time-consuming work.

It goes from design doc to writing failing tests and making them pass then finally refactoring.

030