Profile avatar
awad.dev
Senior Engineer @ Rasayel.io β€’ GDE in Web Technologies β€’ Vue.js πŸ’šβ€’ TypeScript πŸ’™β€’ OSS Maintainer β€’ Host πŸŽ™οΈ Untyped.fm β€’ EgyptJS Organizer
76 posts 619 followers 104 following
Prolific Poster
Conversation Starter

LIVE at #FEN25! πŸ”₯ Track 1️⃣: β€ͺ @awad.dev dives into @formwerk.dev β€ͺ - @vuejs.org headless form library, showing how to build powerful, accessible forms without the bloat. Watch live: go.frontendnation.com/FEN

During the keynote of @vueconf.us, @danielroe.dev releases `fontless` - a @vite.dev plugin to apply "magical plug-and-play font optimization". Created in collab with the @qwik.dev team This is basically the @nuxt.com fonts module, but for all Vite-based apps 🀯

I was honored to give my first talk @vueconf.us πŸ™‡β€β™‚οΈ, you can find the slides down here πŸ”—πŸ‘‡ drive.google.com/file/d/1XvJR...

@awad.dev talking about lessons learned from building SAAS in Vue #VueConfUS2025

Can confirm, I was stressed that the driver is too fast and I will miss my stop.

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 πŸ”₯

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! πŸ‘‡ [🧡]

Formwerk v0.10.4 is out πŸ”₯ with a couple of minor bug 🐞 fixes around validation and mass setting form values. πŸ”—πŸ‘‡ Changelog github.com/formwerkjs/f...

/ πŸ“’ Vue Fes Japan 2025 is officially happening! οΌΌ We're bringing it back in 2025! Check out the official website here ↓ vuefes.jp

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

Migrating to @rolldown.rs is way too smooth, took less than a minute. github.com/formwerkjs/f...

I will be visiting Canada πŸ‡¨πŸ‡¦ around Toronto/Kitchener area at the end of the month, do I know anyone who would like to meet and talk @vuejs.org and web stuff?

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

πŸš€ 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...

Is it happening?

πŸš€ 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! πŸ’šπŸ—£οΈπŸ”₯

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

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! πŸŽ‰

We've just released v0.8.0 with a couple of new fields πŸ”₯πŸš€ 🫡 You can now build custom date field and calendar components and pair them to create a date picker field πŸ“† πŸ“š Check the docs for examples: formwerk.dev/guides/field... πŸ”— Changelog: github.com/formwerkjs/f...

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.

If you missed my talk @vuejsnation.com, you can now watch it on @vueschool.io's YouTube! πŸŽ₯πŸ‘€ I showcased @formwerk.dev and our unique UI-less approach to high quality forms with a true focus on i18n and a great care on accessibility ✨ www.youtube.com/watch?v=vgCI...

πŸš€ 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...

Thanks for those who tuned in @vuejsnation.com to check out @formwerk.dev ! You can find the slides here form-n-function.awad.dev Thanks for having me and can't wait to build and showcase what's next for Formwerk πŸ™Œ

First look @formwerk.dev coming up @vuejsnation.com πŸ”₯πŸ‘€

This is going to be so fun 🀩 see you in a few hours ⏳

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

Let's gooo πŸ”₯

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

Man, the account switcher here in Bsky πŸ¦‹ is so much better than Twitter's. It's baffling.

πŸš€ Big news! Formwerk v0.6.0 is here! πŸŽ‰ ✨ New composables: `useComboBox`: Build comboboxes w/ filtering! `useCustomField`: Wrap custom/non-standard form controls. ⚠️ Breaking change in selects πŸ“ Full notes: github.com/formwerkjs/f... πŸ“š Docs: formwerk.dev

Figuring out the DX for this one was crazy πŸ˜΅β€πŸ’«

First display of @formwerk.dev capabilities at @vuejsnation.com! Don’t miss it! πŸ‘€

πŸŽ‰ Exciting Giveaway Alert πŸŽ‰ I’ve teamed up with @vuejsnation.com 2025 to bring you an amazing raffle to win two free VueSchool licenses. ✨ How to Enter: https://weekly-vue.news/raffle/vue-js-nation-2025

CALL FOR PAPERS OPEN πŸš€Β  If you want to joinΒ @madvue.esΒ and get the chance to share your knowledge, send your application here πŸ‘‰ https://bit.ly/MadVueCFP We are looking forward to reading your proposal πŸ”₯ πŸ—“οΈ May 29, 2025 πŸ“ Madrid City (Spain) #vue #vuejs #nuxt #developers #MadVue #Madrid

New handle @awad.dev πŸ™ŒπŸ¦‹