Armand Abric
@armand.abric.net
Reposted by Armand Abric
we released the new @e18e.dev ESLint plugin today! 🎉
this comes with 3 categories of rules: modernisation, performance, replacements
it also works with oxlint and most of the rules have auto-fixes 🛠️
try it out and let us know any feedback/rule suggestions in discord/bsky/github!
this comes with 3 categories of rules: modernisation, performance, replacements
it also works with oxlint and most of the rules have auto-fixes 🛠️
try it out and let us know any feedback/rule suggestions in discord/bsky/github!
GitHub - e18e/eslint-plugin: The official e18e ESLint plugin for code modernization and performance best practices
The official e18e ESLint plugin for code modernization and performance best practices - e18e/eslint-plugin
github.com
December 19, 2025 at 7:44 PM
we released the new @e18e.dev ESLint plugin today! 🎉
this comes with 3 categories of rules: modernisation, performance, replacements
it also works with oxlint and most of the rules have auto-fixes 🛠️
try it out and let us know any feedback/rule suggestions in discord/bsky/github!
this comes with 3 categories of rules: modernisation, performance, replacements
it also works with oxlint and most of the rules have auto-fixes 🛠️
try it out and let us know any feedback/rule suggestions in discord/bsky/github!
Reposted by Armand Abric
HTML invoker commands are newly baseline! Here's how they work…
December 17, 2025 at 3:58 PM
HTML invoker commands are newly baseline! Here's how they work…
Reposted by Armand Abric
Introducing the new React Aria docs! 🎉
All-new content and search experience. Interactive CSS and Tailwind examples to get you started quickly – just install with shadcn. New guides and full example apps. MCP server and AI integrations.
Check it out! react-aria.adobe.com
All-new content and search experience. Interactive CSS and Tailwind examples to get you started quickly – just install with shadcn. New guides and full example apps. MCP server and AI integrations.
Check it out! react-aria.adobe.com
December 16, 2025 at 10:04 PM
Introducing the new React Aria docs! 🎉
All-new content and search experience. Interactive CSS and Tailwind examples to get you started quickly – just install with shadcn. New guides and full example apps. MCP server and AI integrations.
Check it out! react-aria.adobe.com
All-new content and search experience. Interactive CSS and Tailwind examples to get you started quickly – just install with shadcn. New guides and full example apps. MCP server and AI integrations.
Check it out! react-aria.adobe.com
Reposted by Armand Abric
Reposted by Armand Abric
👀 Navigation API will be available in all browsers soon 🎉
Completely redefines the APIs used to build client-side routers / SPAs
🫤 History API: popState, link click.preventDefault() ...
✅ Navigation API: clean, centralized way to intercept navigation events 👌
Completely redefines the APIs used to build client-side routers / SPAs
🫤 History API: popState, link click.preventDefault() ...
✅ Navigation API: clean, centralized way to intercept navigation events 👌
November 5, 2025 at 9:35 AM
👀 Navigation API will be available in all browsers soon 🎉
Completely redefines the APIs used to build client-side routers / SPAs
🫤 History API: popState, link click.preventDefault() ...
✅ Navigation API: clean, centralized way to intercept navigation events 👌
Completely redefines the APIs used to build client-side routers / SPAs
🫤 History API: popState, link click.preventDefault() ...
✅ Navigation API: clean, centralized way to intercept navigation events 👌
Reposted by Armand Abric
Reposted by Armand Abric
In the next release of React Aria, disclosures are animatable with 2 lines of code. 🎉
height: var(--disclosure-panel-height);
transition: height 200ms;
Works with browser page search too!
height: var(--disclosure-panel-height);
transition: height 200ms;
Works with browser page search too!
September 15, 2025 at 6:32 PM
In the next release of React Aria, disclosures are animatable with 2 lines of code. 🎉
height: var(--disclosure-panel-height);
transition: height 200ms;
Works with browser page search too!
height: var(--disclosure-panel-height);
transition: height 200ms;
Works with browser page search too!
Reposted by Armand Abric
Des restos qui mettent des images genIA de bouffe, des bouquins générés par IA, des pubs entières en genIA, des tiktok de paysages en genIA, des suggestions de décos en genIA, des voix en genIA pour répondre plus vite au plus grand nombre, des "conseils psy" en genIA..
Comment ne pas voir le souci?
Comment ne pas voir le souci?
July 5, 2025 at 9:17 AM
Des restos qui mettent des images genIA de bouffe, des bouquins générés par IA, des pubs entières en genIA, des tiktok de paysages en genIA, des suggestions de décos en genIA, des voix en genIA pour répondre plus vite au plus grand nombre, des "conseils psy" en genIA..
Comment ne pas voir le souci?
Comment ne pas voir le souci?
Reposted by Armand Abric
I think authentication in E2E tests can be better. That's why I'm building a library called Playwright Persona.
Learn what it is, why it exists, and how to use it:
github.com/kettanaito/...
And, please, share your thoughts! 🙏 Thank you.
Learn what it is, why it exists, and how to use it:
github.com/kettanaito/...
And, please, share your thoughts! 🙏 Thank you.
GitHub - kettanaito/playwright-persona: Authentication in Playwright using personas.
Authentication in Playwright using personas. Contribute to kettanaito/playwright-persona development by creating an account on GitHub.
github.com
July 2, 2025 at 5:05 PM
I think authentication in E2E tests can be better. That's why I'm building a library called Playwright Persona.
Learn what it is, why it exists, and how to use it:
github.com/kettanaito/...
And, please, share your thoughts! 🙏 Thank you.
Learn what it is, why it exists, and how to use it:
github.com/kettanaito/...
And, please, share your thoughts! 🙏 Thank you.
Reposted by Armand Abric
It doesn't make sense to wrap modern data in a 1979 format, introducing .ptar | Plakar plakar.io/posts/2025-0...
It doesn't make sense to wrap modern data in a 1979 format, introducing .ptar
plakar.io
June 28, 2025 at 12:48 PM
It doesn't make sense to wrap modern data in a 1979 format, introducing .ptar | Plakar plakar.io/posts/2025-0...
Reposted by Armand Abric
⚡️ Vite 7.0 is out!
- Browser Target Changed to Baseline Widely Available
- Node 18 support dropped. Vite is now distributed as ESM only
- And feats, fixes, and cleanups, while we prepare for rolldown!
- Browser Target Changed to Baseline Widely Available
- Node 18 support dropped. Vite is now distributed as ESM only
- And feats, fixes, and cleanups, while we prepare for rolldown!
Vite 7.0 is out!
Vite 7 Release Announcement
vite.dev
June 24, 2025 at 12:10 PM
⚡️ Vite 7.0 is out!
- Browser Target Changed to Baseline Widely Available
- Node 18 support dropped. Vite is now distributed as ESM only
- And feats, fixes, and cleanups, while we prepare for rolldown!
- Browser Target Changed to Baseline Widely Available
- Node 18 support dropped. Vite is now distributed as ESM only
- And feats, fixes, and cleanups, while we prepare for rolldown!
Reposted by Armand Abric
Neat little TypeScript trick:
If you have a string or number type that you have some default/known values for:
type Role = "alert" | "alertdialog" | string
TypeScript will simplify the type to just:
Role: string
However if you wrap it like `string & {}` you'll preserve the autocompletions
If you have a string or number type that you have some default/known values for:
type Role = "alert" | "alertdialog" | string
TypeScript will simplify the type to just:
Role: string
However if you wrap it like `string & {}` you'll preserve the autocompletions
March 14, 2025 at 9:23 PM
Neat little TypeScript trick:
If you have a string or number type that you have some default/known values for:
type Role = "alert" | "alertdialog" | string
TypeScript will simplify the type to just:
Role: string
However if you wrap it like `string & {}` you'll preserve the autocompletions
If you have a string or number type that you have some default/known values for:
type Role = "alert" | "alertdialog" | string
TypeScript will simplify the type to just:
Role: string
However if you wrap it like `string & {}` you'll preserve the autocompletions
Reposted by Armand Abric
$ npx cra-to-parcel ✨
February 18, 2025 at 5:33 PM
$ npx cra-to-parcel ✨
Reposted by Armand Abric
Developers offer incorrectly assume that this is what they mocks should look like to model different scenarios. This is NOT correct. In fact, I discourage you from writing complex request handlers, to begin with.
February 18, 2025 at 12:01 PM
Developers offer incorrectly assume that this is what they mocks should look like to model different scenarios. This is NOT correct. In fact, I discourage you from writing complex request handlers, to begin with.
Hello @nextjs.org 👋 Is there an estimate on when the v15.2 will be released? I’m waiting for a fix only present in this version
February 18, 2025 at 9:30 AM
Hello @nextjs.org 👋 Is there an estimate on when the v15.2 will be released? I’m waiting for a fix only present in this version
Reposted by Armand Abric
📣 Time to announce "create-tsrouter-app" or CTA, a drop-in CRA replacement:
- Powered by @vite.dev, TanStack Router, built by
@jherr.dev
- TypeScript/Tailwind/File-Route templates (more coming)
- Full control over Vite and (soon) upgradeable to TanStack Start
www.youtube.com/watch?v=10J6...
- Powered by @vite.dev, TanStack Router, built by
@jherr.dev
- TypeScript/Tailwind/File-Route templates (more coming)
- Full control over Vite and (soon) upgradeable to TanStack Start
www.youtube.com/watch?v=10J6...
February 17, 2025 at 4:33 PM
📣 Time to announce "create-tsrouter-app" or CTA, a drop-in CRA replacement:
- Powered by @vite.dev, TanStack Router, built by
@jherr.dev
- TypeScript/Tailwind/File-Route templates (more coming)
- Full control over Vite and (soon) upgradeable to TanStack Start
www.youtube.com/watch?v=10J6...
- Powered by @vite.dev, TanStack Router, built by
@jherr.dev
- TypeScript/Tailwind/File-Route templates (more coming)
- Full control over Vite and (soon) upgradeable to TanStack Start
www.youtube.com/watch?v=10J6...
Reposted by Armand Abric
Instead of bundling the config, Vite can now import it directly via `--configLoader native` (uses a normal dynamic `import`) or `--configLoader runner` (uses module runner) CLI flags! With these options, Vite doesn't create a temporary JS file on the disk.
February 5, 2025 at 3:36 PM
Instead of bundling the config, Vite can now import it directly via `--configLoader native` (uses a normal dynamic `import`) or `--configLoader runner` (uses module runner) CLI flags! With these options, Vite doesn't create a temporary JS file on the disk.
Reposted by Armand Abric
Je viens de terminer un projet commencé il y a plusieurs mois : une visualisation de données interactive des assemblées législatives françaises depuis 1791 !
Je vous montre ça 🧵 (1/9)
Je vous montre ça 🧵 (1/9)
January 26, 2025 at 8:14 PM
Je viens de terminer un projet commencé il y a plusieurs mois : une visualisation de données interactive des assemblées législatives françaises depuis 1791 !
Je vous montre ça 🧵 (1/9)
Je vous montre ça 🧵 (1/9)
Reposted by Armand Abric
The next couple of years are going to transition us into a new era of web application development, web frameworks and application deployment.
January 20, 2025 at 8:31 PM
The next couple of years are going to transition us into a new era of web application development, web frameworks and application deployment.
Reposted by Armand Abric
Node.js now supports TypeScript.
Here's everything you need to know:
www.totaltypescript.com/typescript-i...
Here's everything you need to know:
www.totaltypescript.com/typescript-i...
Node.js Now Supports TypeScript By Default
TypeScript is coming to Node 23. Let's break down what that means.
www.totaltypescript.com
December 27, 2024 at 5:00 PM
Node.js now supports TypeScript.
Here's everything you need to know:
www.totaltypescript.com/typescript-i...
Here's everything you need to know:
www.totaltypescript.com/typescript-i...
Reposted by Armand Abric
Hi! Here's an example of testing React Server Components in Next.js using MSW and Playwright: github.com/kettanaito/...
This is how I see reliable RSC testing going forward. No emulation, framework-agnostic, isolated by default. Give me your feedback!
This is how I see reliable RSC testing going forward. No emulation, framework-agnostic, isolated by default. Give me your feedback!
December 19, 2024 at 2:49 PM
Hi! Here's an example of testing React Server Components in Next.js using MSW and Playwright: github.com/kettanaito/...
This is how I see reliable RSC testing going forward. No emulation, framework-agnostic, isolated by default. Give me your feedback!
This is how I see reliable RSC testing going forward. No emulation, framework-agnostic, isolated by default. Give me your feedback!
Reposted by Armand Abric
Ecma just approved the 1st edition of the new "Source map format" standard, ECMA-426! 🎉
tc39.es/ecma426/2024/
tc39.es/ecma426/2024/
Source map format specification
tc39.es
December 11, 2024 at 7:01 PM
Ecma just approved the 1st edition of the new "Source map format" standard, ECMA-426! 🎉
tc39.es/ecma426/2024/
tc39.es/ecma426/2024/
Reposted by Armand Abric
React v19 – React
The library for web and native user interfaces
react.dev
December 5, 2024 at 7:05 PM
Reposted by Armand Abric
Vite 6.0 is out ⚡️
vite.dev/blog/announc...
vite.dev/blog/announc...
Announcing Vite 6
Vite 6 Release Announcement
vite.dev
November 26, 2024 at 2:26 PM
Vite 6.0 is out ⚡️
vite.dev/blog/announc...
vite.dev/blog/announc...
Reposted by Armand Abric
📣 Start linting CSS with ESLint using the brand new eslint/css package!
This is a very early edition so feedback is welcome. 🐣
www.npmjs.com/package/@esl...
This is a very early edition so feedback is welcome. 🐣
www.npmjs.com/package/@esl...
@eslint/css
CSS linting plugin for ESLint. Latest version: 0.1.0, last published: 5 minutes ago. Start using @eslint/css in your project by running `npm i @eslint/css`. There are no other projects in the npm regi...
www.npmjs.com
November 26, 2024 at 4:09 PM
📣 Start linting CSS with ESLint using the brand new eslint/css package!
This is a very early edition so feedback is welcome. 🐣
www.npmjs.com/package/@esl...
This is a very early edition so feedback is welcome. 🐣
www.npmjs.com/package/@esl...