Abdelrahman Awad

Abdelrahman Awad

@awad.dev

Sr. Software Engineer @sentry.io โ€ข GDE in Web Technologies โ€ข Vue.js ๐Ÿ’šโ€ข TypeScript ๐Ÿ’™โ€ข OSS Maintainer โ€ข Host ๐ŸŽ™๏ธ Untyped.fm โ€ข YYZ ๐Ÿ‡จ๐Ÿ‡ฆ / CAI ๐Ÿ‡ช๐Ÿ‡ฌ

684 followers126 following92 posts

Abdelrahman Awad reposted

ECMAScript excitement ๐Ÿ˜‰ Congrats to @ashley-c.bsky.social from TechAtBloomberg on advancing the Composites proposal to Stage 2 at @tc39.es today ๐ŸŽ‰ Composites are objects that are compared by value instead of identity. They are an evolution of Record & Tuple proposal.

Gave my "Tracing Without the Tax" talk at @nodeconf.eu in Bologna ๐Ÿ‡ฎ๐Ÿ‡น Tracing Channels let libraries own their observability by describing what they do. Computing telemetry and insights is the APM's job. Thanks to every maintainer and reviewer who pushed with us ๐Ÿ™ Slides in ๐Ÿงต

Abdelrahman Awad reposted

โ› unjs/db0 0.4: - Neon serverless posgress driver (@atila.io) - Exposed database .capabilities (@onmax.me) - Built-in tracing channels (@awad.dev) - Drizzle v1.rc support - Prisma adapter (Inesh Bose) - No more peer dependencies. Nitro will smartly prompt to install them

github.comRelease v0.4.0 ยท unjs/db0compare changes ๐Ÿš€ Enhancements Expose connector name (#205) Add neon for serverless postgres (#191) Add database capabilities (#207) Add prisma adapter (#210) Add tracing channels support (#193) d...

Abdelrahman Awad reposted

We've been monkey-patching JS libraries for observability for too long now. It's fragile, ESM-breaking, and runtime-locked. So we started adding TracingChannel support upstream in 44 libraries ๐Ÿ‘€ Check out our latest blog post to see how and why: blog.sentry.io/fixing-javascript-observability/

blog.sentry.ioFixing JavaScript observability, one library at a timeSentry is adding TracingChannel support to 44 JavaScript libraries upstream, replacing fragile monkey-patching with native observability that works across all runtimes.

Abdelrahman Awad reposted

Oxlint -> Sentry > we had an outdated Eslint 8.x setup anyways and we needed to either upgrade it or move to something else. Oxlint brings so much speed gains given how slow linting is, and almost no one is running it locally project wide because of how slow it is. github.com/getsentry/se...

github.comchore: migrate to oxlint by logaretm ยท Pull Request #19134 ยท getsentry/sentry-javascriptReplaces eslint with oxlint, we had an outdated Eslint 8.x setup anyways and we needed to either upgrade it or move to something else. Oxlint brings so much speed gains given how slow linting is, a...

First time in Madrid, excited to be there ๐Ÿ™Œ

MadVue@madvue.es

We keep confirming speakers for @madvue.es , and weโ€™re excited to announce that @awad.dev will be joining us! ๐ŸŽค He is a Senior Software Engineer with an amazing background and also has created and contributed to many open source projects over the years like Formwerk and VeeValidate๐Ÿ‘ madvue.es

Abdelrahman Awad reposted

Abdelrahman Awad reposted

Node.js 25 is here! We have upgraded V8 to 14.1, bringing major JSON.stringify performance improvements and JIT pipeline optimizations. This release introduces the permission model --allow-net, Web Storage is enabled by default, and more! nodejs.org/en/blog/rele...

nodejs.orgNode.jsNode.jsยฎ is a free, open-source, cross-platform JavaScript runtime environment that lets developers create servers, web apps, command line tools and scripts.

vee-validate v5 beta is now live with full support for the standard schema spec ๐Ÿ”ฅ๐Ÿš€ This means: ๐Ÿšฎ No more resolver packages. โšก Validation is now simpler, leaner, and unified. โœ… You can use more providers like @arktype.io ๐Ÿ“š Release notes: github.com/logaretm/vee...

github.comRelease v5.0.0-beta.0 ยท logaretm/vee-validate๐ŸŽ‰ Standard Schemas Are Here! VeeValidate v5 is now in beta โ€” and it's bringing first-class support for Standard Schema libraries like Zod, Valibot, Yup, and more! What does this mean? โœ… No more co...

Abdelrahman Awad reposted

Replying to @frontendnation.com

๐Ÿ‘‰ Track 1๏ธโƒฃ: @awad.dev showcases @formwerk.dev rk.devโ€ฌ - a lightweight, composable @vuejs.org form library built for control, flexibility, and accessibility. Track 2๏ธโƒฃ: Faris Aziz unpacks lessons from scaling global payments with Stripe, Recurly & Adyen and how to future-proof your payment systems.

https://rk.devโ€ฌhttps://rk.devโ€ฌ

Abdelrahman Awad reposted

Don't miss what happened in the last weeks - tsdown is now part of VoidZero - Vite Devtools Sneak Peek - oxc-minify in Rolldown - rolldown-vite improvements - ViteConf Speaker Overview - Upcoming meetup in San Francisco - Goxc and Godown More in this thread ๐Ÿ‘‡

This conference is going to be ๐Ÿ”ฅ

Vueconf@vueconf.us

Watch @awad.dev's expert session at VUECONF US this May, to gain invaluable insights into both the pitfalls and triumphs we encountered along the way of building a thriving web application ๐Ÿ’ซ vueconf.us/session?sess... ๐ŸŽŸ๏ธ vueconf.us ๐Ÿ’ฅ BSKY100OFF = discount! ๐Ÿ“… 19-21 May, Tampa

Abdelrahman Awad reposted

I am happy to (finally) announce that the #PracticalAccessibility course chapter update is now live! If you are enrolled in the course, log in to your account and check out the Changelog page for details about this update. ๐Ÿ‘€ I also have exciting news to finally share! ๐Ÿ‘‡ [๐Ÿงต]

Abdelrahman Awad reposted

Abdelrahman Awad reposted

This also showcases the great flexibility of Formwerk and how its composable API can play really well with the rest of the ecosystem ๐Ÿ™Œ

Formwerk@formwerk.dev

New showcase featuring the time and date fields ๐Ÿ”ฅ๐Ÿ‘€ Animating date segment changes with @barvian.me's excellent NumberFlow for @vuejs.org ๐Ÿ”—๐Ÿ‘‡ stackblitz.com/edit/formwer...

Big milestone release, your feedback is appreciated ๐Ÿ™

Formwerk@formwerk.dev

๐Ÿš€ Formwerk v0.10.0 is out ๐Ÿ”ฅ Introducing the Time ๐Ÿ•— and File ๐Ÿ“ fields! The file fields come with a11y, validation โœ…, upload interface ๐Ÿ†™, dropzone, and file preview out of the box ๐Ÿ˜ฒ Your feedback is massively appreciated ๐Ÿ™ ๐Ÿ“š Docs formwerk.dev ๐Ÿ”— Release notes github.com/formwerkjs/f...

Abdelrahman Awad reposted

๐Ÿš€ Formwerk v0.9.0: Introducing the OTP field ๐Ÿ”ข Now you can easily build accessible, flexible, and fully interactive OTP fields for @vuejs.org ! With validation, masking, prefixes, and full keyboard navigation with auto-submit, and much more. ๐Ÿ“š Check it out now formwerk.dev/guides/field...

๐Ÿš€ Huge news! I'm speaking at vueconf.us for the first time! Absolutely surreal ๐Ÿฅน sharing the stage at one of the biggest @vuejs.org events, meeting the legends of the community, and connecting with many amazing folks! Use "SEEMESPEAK" for a discount! ๐ŸŽŸ๏ธ I canโ€™t wait! ๐Ÿ’š๐Ÿ—ฃ๏ธ๐Ÿ”ฅ

Abdelrahman Awad reposted

During #VueJsNation25, @formwerk.dev was introduced to the public for the first time! Dive into a library for Vue.js that simplifies form creation while ensuring accessibility and internationalization with its creator, @awad.dev. ๐Ÿš€ https://youtu.be/vgCIZEGpgDU

youtu.beVue.js Nation 2025: Abdelrahman Awad - Form and Function with FormwerkAbdelrahman Awad introduces Formwerk, a library for Vue.js that simplifies form creation while ensuring accessibility and internationalization.In this talk, ...

Abdelrahman Awad reposted

Shipping on a Sunday? ๐Ÿ˜ฌ v0.8.2 is out with fixes & tweaks, but the big news... ๐Ÿš€ Formwerk now has a @vuejs.org devtools plugin! ๐ŸŽ‰ Just use any field or form composable and it will pop into your devtools! Itโ€™s still an early releaseโ€”excited to make this a great core DX! ๐ŸŽ‰

Writing docs and examples for something youโ€™ve built is a great way to stay on top of things. It helps you think like a user and spot any areas that could be improved, or even bugs. ๐Ÿž Recently, I started forcing myself to write the full docs with examples before releasing.

Abdelrahman Awad reposted

๐Ÿš€ New Release to tidy some things up! โœจ New: getError, getValue, getErrors now available on form groups. ๐Ÿ’ฅ Breaking: isValid, isTouched, isDirty are now methods. ๐Ÿž Fixes: Improved dirty state tracking performance and reliability. ๐Ÿ”— For more info github.com/formwerkjs/f...

This is going to be so fun ๐Ÿคฉ see you in a few hours โณ

Vue.js Nation@vuejsnation.com

[10/11] @awad.dev (Abdelrahman Awad) dives into creating perfect forms with Formwerk, focusing on accessibility and internationalization. ๐Ÿ’š

Abdelrahman Awad reposted

As soon as Standard schemas popped up, we made the switch early on. The potential was too great to ignore ๐Ÿคฏ Resolver-based API is NOT developer friendly, and it encourages vendor lock-in ๐Ÿ”’ We are extremely happy to be of its early adopters, and we hope to help shape it for better forms DX ๐Ÿ™Œ ๐Ÿš€

BIG DAY ๐Ÿ˜‡ Introducing Standard Schema! Itโ€™s a specification for a standard interface to be implemented by TypeScript schema libraries. The goal is to make it easier for frameworks and tools to accept user-defined schemas, without writing separate adapters for different libraries. standardschema.dev

Abdelrahman Awad reposted

New Release: v0.6.3 ๐Ÿš€ ๐Ÿž Fixed a bug ๐Ÿž โœ… FormGroup validation not triggering parent form schema. โœจ A couple of improvements โœจ ๐Ÿชบ You can now nest form groups. ๐ŸŒณ `setFieldTouch` now sets nested paths touched state. We thank all the contributors! ๐Ÿค github.com/formwerkjs/f...

github.comRelease v0.6.3 ยท formwerkjs/formwerk๐Ÿš€ Features Allow nesting form groups ย -ย  by @genu in #111 (a33b3) ย ย ย ๐Ÿž Bug Fixes Add group awareness, when using form actions. ย -ย  by @genu in #109 (272ad) Propagate validation upwards in nes...