Profile avatar
mayashavin.com
πŸ‘©πŸ»β€πŸ’» Senior SE @Microsoft Industry AI πŸ“• O’Reilly author - Learning Vue πŸ” Accessibility champ 🌎 Web GDE, Cloudinary Ambassador Creator of colorgen.dev, OSS maintainer & tech speaker. πŸ“Œ https://mayashavin.com β˜•οΈ https://www.buymeacoffee.com/VTLRKH6
146 posts 779 followers 92 following
Prolific Poster
Conversation Starter

What an amazing 4 years at Microsoft! I've grown so much, from front-end to leading projects from start to finish, from web to AI. It was a blast! Deciding to leave wasn't easy, but I'm ready for my next adventure. I'm sure we will see each other again! Thanks @matanbobi.dev for the mat!

I've noticed many UI frameworks reinventing dialogs/modals. HTML's <dialog> element offers a better approach. It provides native accessibility support and essential features, simplifying development. Learn how to leverage it in my new article: mayashavin.com/articles/bui...

My talk video for @vuejsnation.com is up - let’s talk about State and XState ☺️

The new Web Weekly is out. πŸ₯‚ This time, it includes: - `Number.POSITIVE_INFINITY` - `console.context()` - `hidden=”until-found”` - Customizable scrollbars - Advanced grid-template-areas - require(esm) arrived! πŸŽ‰ And, of course, Interop 2025. 🫣 Enjoy! www.stefanjudis.com/blog/web-wee...

Seriously we need Polling here in Blue Sky πŸ˜₯

This blog post shared some of my feelings towards React in the recent years, especially the part of Vercel involvement, useReducer and Context usage as a state management. Not to mention useEffect() and a bunch of hooks that do more harm than improve performance πŸ€·πŸ»β€β™€οΈ. www.felgus.dev/blog/react-i...

How to improve Webpack performance? ❌ Try to dig in and configure Webpack βœ… Run `npm uninstall webpack && npm i -D vite` πŸ˜†πŸ˜†πŸ˜† credit goes to @yonatankra.com

Quick tutorial of how we can configure and build our component design systems with Storybook in a Vue application with @mayashavin.com at #VueJsNation25. πŸ‘‡ https://youtu.be/f1pkDDKS8XE

New article! πŸš€ Dive into how XState can help you create predictable state transitions and handle async submissions effectively, especially for complex component like a multi-step wizard, in Vue. Check it out and let’s discuss your thoughts! 😊 dev.to/mayashavin/m...

It’s time for Tanstack and Vue for state management πŸ™‚

Watch @mayashavin.com share her experience regarding accessibility, UX, and more. πŸ‘©β€πŸ’» At the end of the video, you'll also find some great resources to learn more and make your apps even better and inclusive for everyone! πŸ“š https://youtu.be/PiOwj3v6hfE

Many thanks to the VueSchool team for inviting me again in @vuejsnation.com 2025 as speaker. Together we demo-ed how we can make our state logic more predictable and scalable for complex applications. πŸ‘‰ Demo: github.com/mayashavin/m... πŸ‘‰ Slides: docs.google.com/presentation...

Scale your @vuejs.org state management with @mayashavin.com and XState at #VueJsNation25. Have you tried state machines in your projects yet? πŸ‘©β€πŸ’» https://vi.to/hubs/vuejs-nation

πŸš€ New article! πŸ’‘ Are you looking to enhance your Markdown writing experience in VSCode? I've compiled my top 5 extensions that can supercharge your workflow! Check it out! πŸ“šβœ¨ dev.to/mayashavin/m...

Are you ready for some state management? Come join me @vuejsnation.com β™₯️

ChΓΊc mα»«ng TαΊΏt NguyΓͺn ĐÑn αΊ€t Tα»΅! 😘 Happy Lunar New Year! 🧧 Gong xi fa cai! πŸ₯³πŸ₯³ Cre: illustrated by me, not AI 🀣

πŸ₯³πŸ₯³πŸ₯³

Making a decision to depart is never easy…

πŸš€ New article! 🌟 Let's dive into the differences between CSS Flexbox and Grid and how we can create a gallery layout for cards that are distributed evenly and flow beautifully in any device size. Check it out! πŸ’»βœ¨ dev.to/mayashavin/m...

Yup, I built a tool to automate my article publishing, which does: βœ… Schedule drafts to be published βœ… Automatically generate and schedule content for LinkedIn βœ… Cross-Posting to Dev .to. βœ… Send status email Thanks to @netlify.com Async Workloads, the entire workflow runs like a charm! πŸ₯° Demo πŸ‘‡

πŸš€ New article Excited to share my latest article on resolving auto-scroll issue in Nuxt 3 applications when navigating between pages, or between sections using the anchor tag. Enjoy! dev.to/mayashavin/r...

Shameless plug - Valentine Sales in my Etsy store at 25% OFF! πŸ₯°πŸ₯° hippopy.etsy.com

I added a page to show case the design aspects of my website like the color palette, icon styles and the Nuxt modules I used ☺️ mayashavin.com/designkit

Did anyone have a problem logging to SendGrid? It keeps redirecting me back to log in (after I logged in using Google) 🀨 Signing up does the same thing.

With the help of ChatGPT, I managed to come up with a new palette for my website, based on my preferences and current theme. And so, here we go, my personal website with the new look: mayashavin.com ❀️ ✨ To get the base palette: ChatGPT + DallE ✨ To get the variants: colorgen.dev

Adding nuxt/fonts plugin broke my netlify build @danielroe.dev 😭😭

Principles of Web Accessibility: How to Approach Accessible Web Interface Design - https://github.com/Heydon/principles-of-web-accessibility (A dozen, snappy high-level guiding principles for approaching web accessibility.)

What is going on with X Developer Portal? It didn’t let me delete an empty project, and it didn’t let me create an app for that project either… (it did create the app but not tied it to the project, instead it gave me creation error)… anyone encounter this? I’m in Free plan πŸ₯²

Netlify folks/experts, I tried to test async workload function with delayUntil param, but it doesn’t seem to work locally. Using without this field works (the event was triggered and handled properly). I’m using the example in the docs. Would love some help πŸ™ Cc @netlify.com for exposure πŸ™‚

πŸš€ New article! Let’s explore how to use the LinkedIn JavaScript API Client and Netlify serverless functions to build an API for efficient sharing of your blog post after publishing. dev.to/mayashavin/b...

Good morning πŸ˜ƒ Back to work partially starting this week πŸ˜€

Someone went to GitHub and brought me this swag pack with love πŸ˜†πŸ˜†πŸ₯° Happy New Year!

<2024> <h1> Year of 🀰 </h1> πŸ‘¦ Gave birth πŸ—£οΈ Spoke in 14 confs πŸ’» Released CoCover extension πŸ“– Published Learning Vue by O’Reilly πŸ‘‘ Win a Hackathon (while in maternity) πŸ‘©πŸ»β€πŸ’» Learn and lead beyond Frontend/Web world 🌎 Traveled to 6 places </2024> Now πŸ₯‚ to 2025! Off to another great year!

It seems I end up making my own CMS and social media manager πŸ™ƒ when experimenting with AI, LinkedIn APIs,GitHub Actions and GitHub APIs.