Sign in

Mauro Reis Vieira

@mauroreisvieira.com
43 followers 227 following 13 posts

Front End Developer, fully focused on SCSS, JavaScript, Typescript & React

PostsRepliesMedia
Reposted by Mauro Reis Vieira
Jake Archibald @jakearchibald.com · 29/06/2026
There's an ideal set of sizing constraints for custom <select>, but the CSS is a bit tricky. Here's how to make it work, and a tour of new CSS features along the way. jakearchibald.com/2026/goldilo...
jakearchibald.com
The Goldilocks customizable select height
The 'ideal' sizing is more complicated than you think…
1331255
Mauro Reis Vieira @mauroreisvieira.com · 30/07/2026
Use Git worktree to review a pull request or work on another task without committing or stashing your current changes. mauroreisvieira.com/post/review-...
mauroreisvieira.com
Review Pull Requests with Git Worktree
Use Git worktree to review a pull request or work on another task without committing or stashing your current changes.
000
Mauro Reis Vieira @mauroreisvieira.com · 26/06/2026
f_ck the CI
000
Reposted by Mauro Reis Vieira
Vite @vite.dev · 23/06/2026
🚀 Vite 8.1 is out ⚡ Experimental Full Bundle Mode: ~15x faster dev server startup & ~10x faster full reloads on large apps 🧩 Chunk Import Map to keep chunks stable & improve caching 🦀 WASM ESM integration 💡 Lightning CSS on the road to default 👀 and more! vite.dev/blog/announc...
vite.dev
Vite 8.1 is out!
Vite 8.1 Release Announcement
120035
Reposted by Mauro Reis Vieira
VoidZero @voidzero.dev · 07/05/2026
voidzero.dev/posts/announ...
voidzero.dev
Announcing Rolldown 1.0
Rolldown, the high-performance Bundler for JavaScript, reached 1.0 stable and production readiness. It features speed, Rollup plugin compatibility, and unique bundler features. Upgrading from the late...
0274
Reposted by Mauro Reis Vieira
Bramus @bram.us · 25/02/2026
Here's my favorite demo, by @css-only.dev. codepen.io/t_afif/full/... In addition to anchoring it also uses Scroll-Driven Animations 😊
1152
Reposted by Mauro Reis Vieira
dan @danabra.mov · 26/09/2025
i wrote about atproto and why it matters
overreacted.io
Open Social — overreacted
The protocol is the API.
1242824504
Reposted by Mauro Reis Vieira
Dominik Biedebach @bdbch.com · 10/10/2025
The @vite.dev team is super inspirational. Thanks for building such great tools @evanyou.me @patak.dev @antfu.me and the rest of the Vite team 💖 www.youtube.com/watch?v=bmWQ...
youtube.com
Vite: The Documentary
YouTube video by CultRepo
1162
Mauro Reis Vieira @mauroreisvieira.com · 31/03/2025
.toBeVisible() or .toBeInTheDocument()? www.epicweb.dev/tobevisible-...
epicweb.dev
.toBeVisible() or .toBeInTheDocument()?
A deep dive into Testing Library's .toBeVisible() and .toBeInTheDocument() matchers, exploring their differences, use cases, and best practices
010
Reposted by Mauro Reis Vieira
Josh W. Comeau @joshwcomeau.com · 25/03/2025
🌠 I just updated by CSS Reset to include a handy new declaration: html { interpolate-size: allow-keywords; } This rule allows us to animate height from "0px" to "auto", perfect for accordions and other collapsible UI. ✨ Learn more in my blog post about it: www.joshwcomeau.com/css/custom-c...
joshwcomeau.com
A Modern CSS Reset • Josh W. Comeau
I have a set of baseline CSS styles that come with me from project to project. In the past, I'd use a typical CSS reset, but times have changed, and I believe I have a better set of global styles!
819319
Reposted by Mauro Reis Vieira
Tanner Linsley @tannerlinsley.com · 03/03/2025
After 2+ years, it's finally time to announce @TanStack.com Form v1! ✅ Type Safe 🚀 Framework Agnostic 🎭 Headless 🔄 Isomorphic 🛡️ Advanced Validation 📜 Standard Schema ➕ More!
1740451
Mauro Reis Vieira @mauroreisvieira.com · 03/02/2025
the week just started, and Eslint is already ruining my life.
000
Reposted by Mauro Reis Vieira
Raycast @raycast.com · 16/01/2025
Raycast Focus Stay in flow by blocking distracting apps and websites. 🎯 raycast.com/focus
88213
Reposted by Mauro Reis Vieira
Addy Osmani @addyosmani.bsky.social · 12/01/2025
Must reads for web developers - how modern browsers work: 1️⃣ bit.ly/browsers-pt1 2️⃣ bit.ly/browsers-pt2 3️⃣ bit.ly/browsers-pt3 4️⃣ bit.ly/browsers-pt4 and browser.engineering a free to read book on the topic
301233166
Reposted by Mauro Reis Vieira
Zed @zed.dev · 11/12/2024
🚀 Introducing Zed v0.165! Just as you can split editor panels, you can now split the terminal panel.
31047
Reposted by Mauro Reis Vieira
React @react.dev · 05/12/2024
React v19 is now stable! react.dev/blog/2024/12...
react.dev
React v19 – React
The library for web and native user interfaces
321279340
Reposted by Mauro Reis Vieira
Wes Bos @wesbos.com · 29/11/2024
Tanstack Start doing doing server calls a bit different than React Server Components. You can write the client and server logic in the same file and it replaces it with fetch calls when run on the client. No "use client", no errors with client APIs in server components, etc.. watch at 0.5× 😆
1839624
Reposted by Mauro Reis Vieira
Aiden Bai @aidenybai.bsky.social · 14/11/2024
first post, i came here to say i made a thing today: github.com/aidenybai/re...
github.com
GitHub - aidenybai/react-scan: Scan for React performance issues and eliminate slow renders in your app
Scan for React performance issues and eliminate slow renders in your app - aidenybai/react-scan
88510
Reposted by Mauro Reis Vieira
Vite @vite.dev · 26/11/2024
Vite 6.0 is out ⚡️ vite.dev/blog/announc...
vite.dev
Announcing Vite 6
Vite 6 Release Announcement
331462324
Reposted by Mauro Reis Vieira
Addy Osmani @addyosmani.bsky.social · 26/11/2024
"Soft skill books that will make you a better developer" open.substack.com/pub/addyo/p/... Takeaways from some favorite books that have helped me grow over time.
26811
Reposted by Mauro Reis Vieira
Mark Dalgleish @markdalgleish.com · 05/11/2024
“How React Router Became a Framework,” my talk from React Advanced in London, is now up! Learn about why Remix as it exists today is being merged into React Router, and what it means for the future of the project. www.youtube.com/watch?v=BKi4...
youtube.com
Mark Dalgleish – How React Router Became a Framework, React Advanced 2024
YouTube video by React Conferences by GitNation
526426
Mauro Reis Vieira @mauroreisvieira.com · 26/09/2024
Bluesky now has over 10 million users, and I was #664,103!
A virtual certificate with text "Celebrating 10M users on Bluesky, #664,103, Mauro Reis Vieira ‪@mauroreisvieira.bsky.social‬, joined on Aug 21, 2023"
020
Mauro Reis Vieira @mauroreisvieira.com · 27/06/2024
Introduction of the `useBem` hook for React mauroreisvieira.com/post/introdu...
mauroreisvieira.com
Introduction the useBem hook
Discover the power of the useBem hook to streamline your CSS class management, learn how to apply the BEM methodology to ensure consistent, readable, and maintainable styling across your front-end pro...
010
Reposted by Mauro Reis Vieira
Bluesky @bsky.app · 06/02/2024
You can now sign up for Bluesky without an invite! 🎉 bsky.social/about/blog/0...
bsky.social
Join Bluesky Today (Bye, Invites!) - Bluesky
Sign up for Bluesky! No invite code required.
542131406872
Reposted by Mauro Reis Vieira
dan @danabra.mov · 25/12/2023
here’s a recent talk about it! youtu.be/qOQClO3g8-Y
youtu.be
Understanding Idiomatic React – Joe Savona, Mofei Zhang, React Advanced 2023
Live stream of React Advanced London #ReactAdvanced #GitNationWebsite – https://reactadvanced.com/Follow the link to watch the full version of all the confer...
1253
Reposted by Mauro Reis Vieira
dan @danabra.mov · 24/12/2023
for dates you’re supposed to do suppressHydrationWarning react.dev/reference/re...
react.dev
hydrate – React
The library for web and native user interfaces
141
Reposted by Mauro Reis Vieira
Devon Govett @devongovett.me · 10/11/2023
React Aria Components has reached RC! 🚀 • Built-in form validation ↳ Native HTML constraints ↳ Custom validation functions ↳ Server validation – designed for React Server Actions • New Toolbar component • Improved Framer Motion support • Simpler docs CSS react-spectrum.adobe.com/releases/202...
React Aria Components RC banner showing built-in form validation and new toolbar component. The form has email and password fields and a checkbox labeled "I agree to the terms of service". The email field is marked invalid with a message "An account with this email already exists" under it, and the checkbox is not checked with an error "You must agree to the terms of service. Sign up and Log in buttons are below the form.

The toolbar component includes a group of buttons representing text formatting controls including bold, italic, underline, and left, center, right, and justified alignments, as well as a dropdown menu containing cut, copy, and paste actions. One of the buttons has a focus ring.
0112
Mauro Reis Vieira @mauroreisvieira.com · 04/10/2023
SOLID Principles in React mauroreisvieira.com/post/solid-p...
mauroreisvieira.com
SOLID Principles in React
Let's explore how the SOLID principles can be applied to React components using TypeScript, functions, hooks, and interfaces.
000
Reposted by Mauro Reis Vieira
nunomaduro @nunomaduro.com · 01/10/2023
Another Pest release today! As you may know, Pest is the first testing framework in the world natively supporting "Type Coverage". And now, you can ignore specific lines from the type coverage report by using the `pest-ignore-type` annotation. Just what you asked for! 💅🏻
011
Mauro Reis Vieira @mauroreisvieira.com · 12/09/2023
This is great, bun 1.0 was released so recently and @vercel.com already supports it.
000
Reposted by Mauro Reis Vieira
Devon Govett @devongovett.me · 08/09/2023
React Aria Components is now in beta! 🥳 • Major documentation update • New styling and animation guide • More consistent API for states via data attributes • New Tailwind CSS plugin • SSR support in collections • Improved validation API react-spectrum.adobe.com/releases/202...
Anatomy diagrams for React Aria Components including table, combo box, date range picker, and number field. Each diagram has labels pointing to each part of the component. A "Beta" badge appears in the top right corner of the image.
1151
Mauro Reis Vieira @mauroreisvieira.com · 04/09/2023
Do you know that it's possible in React to log messages directly within your component's HTML? While you can use `{console.log()}` within curly braces, remember it's best for debugging during development. Keep your production code clean!
010
Mauro Reis Vieira @mauroreisvieira.com · 29/08/2023
Support for React in the next version of Hello Week.
000
Reposted by Mauro Reis Vieira
Addy Osmani @addyosmani.bsky.social · 27/08/2023
✍️ Good code is like a love letter to the next developer who will maintain it. It’s sincere & unadorned with unnecessary complexity. addyosmani.com/blog/good-co...
addyosmani.com
Good code is like a love letter to the next developer who will maintain it.
We often romanticize the notion of programming, presenting it as an abstract form of art, a science, or even a form of magic. The truth, however, is much mor...
24111
Mauro Reis Vieira @mauroreisvieira.com · 27/08/2023
I had a dream and in that dream bluesky was going to buy the twitter.com domain
000
Mauro Reis Vieira @mauroreisvieira.com · 21/08/2023
No posts yet? let's fix that!
020