@younesjd.dev
👨🏻🍳 Software Cook, Teacher & Coach @ https://marmicode.io ✨ Google Developer Expert for #Angular 🌊 Nx Champion ✅ https://marmico.de/test.ng: Pragmatic Angular Testing Course 👨🏻🏫 https://marmico.de/workshops 📚 https://marmico.de/cookbook
🧪 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...
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.
This is my favorite kind of changes.
Experimental runners out, clarity in.
@vitest.dev is the path.
Thanks Alan!
github.com/angular/angu...
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
A timeline displays milestones in a GitHub developer's journey, including commits, pull requests, and issues from 2015 to 2024.
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.
Thanks for your feedback Logan!
I have to polish that page indeed.
I’ll keep you posted
May I use a screenshot of your post for my next talk?
screenshot of Dominik's post about Code Review fatigue then Younes's post about Charted Coding which tries to fix code review fatigue.
Fantastic timing! The moment I post about charted coding, your post is just below it on my timeline 😄
⛵️ 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.
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...
📝 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...
“Angular GitHub repository header showing the Angular logo, the tagline ‘Deliver web apps with confidence 🚀’, written in TypeScript, with about 99,970 stars.”
Did you notice that @angular.dev has 99970 stars on GitHub? 👀
I wonder if there is a prize for ⭐ 100,000 🤔
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! 🔥
Infographic titled 'Charted Coding: An AI-Assisted Workflow where you stay at the helm.' Shows the workflow as five sequential slash commands: /charted-design produces a Collaborative Design Doc, /charted-review enhances with expert sub-agents, /charted-scaffold generates Wiprecated Code, /charted-red creates a Failing Test, and /charted-green makes it pass. Right side highlights three benefits: Tight feedback loops, Low token usage, and Focused. Top left shows the install command: npx skills add marmicode/skills. Marmicode logo in bottom left corner.
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 😉
😱 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.
👋 @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
🤣 so true
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
🔥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...
🤔 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?
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.
I am starting to enjoy #Gemini ad-hoc generated games – with gesture detection etc… – more than my kids do 😄
In case you missed it, you can try out #Angular v21 new #Vitest with Browser Mode on #Stackblitz here:
stackblitz.com/edit/angular...
#javascript #testing
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
🎉 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
If you have any #Nx questions, I’ll be by my friends from @jetbrains.com during lunch at #AiPolandConf
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
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.
Brilliant! I want it!
🤔 What if there were a conference without talks? Just hanging out with OSS maintainers & builders, seeing what they’re working on, and learning cool stuff by actually talking to people.
🤯 What if hallway track turned into the whole event!
💡 @tannerlinsley.com is exploring it. Interested? ⬇️
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()
🤖 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
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.
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. 😅
Karma is out of the pantry. 👋
Get ready for @vitest.dev & Browser Mode with #Angular 21
✨ New #testing cookbook chapter explaining why we’re back to the browser — and what actually separates:
👾 emulation,
🌓 "partial" browser mode,
🎭 & "full" browser mode.
cookbook.marmicode.io/angular/test...
