Muhi Masri (@muhimasri) 's Twitter Profile
Muhi Masri

@muhimasri

👨🏻‍ Frontend Engineer | Educator | Architect @MDA_space
🐤 Tweet coding tips & learnings
📙 React tutorials muhimasri.com

ID: 778679390

calendar_today24-08-2012 17:54:46

3,3K Tweet

800 Takipçi

152 Takip Edilen

Wes Bos (@wesbos) 's Twitter Profile Photo

💪🏻 This is SO COOL I build an app to count dumbbell reps with an AI model in the browser using Tensorflow.js and a pose detection model

Muhi Masri (@muhimasri) 's Twitter Profile Photo

I always forget to use `JSX.Element`, but I always find it useful to type the return value of a component. Especially when combined with prop typing, it makes React components bulletproof. 💪 Why I use JSX.Element: 🔹 Ensures the component returns valid JSX 🔹 Catches bad return

I always forget to use `JSX.Element`, but I always find it useful to type the return value of a component. Especially when combined with prop typing, it makes React components bulletproof. 💪

Why I use JSX.Element:
🔹 Ensures the component returns valid JSX
🔹 Catches bad return
Muhi Masri (@muhimasri) 's Twitter Profile Photo

GitHub Dev is a really smooth and lightweight web editor. When opening a file in the GitHub repo, there is an edit dropdown with an "Open With GitHub dev" option. It's perfect for quick fixes and commits. I can't believe I never used it before!

Muhi Masri (@muhimasri) 's Twitter Profile Photo

Default params with object destructuring is a little trick I like to use to avoid undefined errors. Why I love this: 🔹 Handles missing obj without crashing 🔹 Uses 10 as a fallback if base isn’t there 🔹 Makes functions feel more bulletproof with less code

Default params with object destructuring is a little trick I like to use to avoid undefined errors.

Why I love this:
🔹 Handles missing obj without crashing
🔹 Uses 10 as a fallback if base isn’t there
🔹 Makes functions feel more bulletproof with less code
Muhi Masri (@muhimasri) 's Twitter Profile Photo

CSS :user-invalid is a newer and better alternative to using :invalid. It only kicks in after the user interacts with the input. No more red borders on page load 👇

Muhi Masri (@muhimasri) 's Twitter Profile Photo

The "Accessibility Tree View" toggle in Chrome is awesome. You get to see the filtered view of the element based on its accessibility properties with ARIA roles, labels, and other accessibility info. Also, we can troubleshoot semantic issues with the "source order" toggle!

Muhi Masri (@muhimasri) 's Twitter Profile Photo

Not sure why I was stuck using delete or loops to remove properties from an object 😀 Destructuring with the rest syntax is an excellent alternative for excluding fields from an object. It's immutable and less code.

Not sure why I was stuck using delete or loops to remove properties from an object 😀

Destructuring with the rest syntax is an excellent alternative for excluding fields from an object.  It's immutable and less code.
Muhi Masri (@muhimasri) 's Twitter Profile Photo

Hey friends 👋 I recently built a Next.js + MUI blog starter. A clean, customizable, and full of features I wish I had when I started my blog. Here’s what it includes and why I built it 🧵