Mauro Reis Vieira
@mauroreisvieira.com
Front End Developer, fully focused on SCSS, JavaScript, Typescript & React
Reposted by Mauro Reis Vieira
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...
www.youtube.com/watch?v=bmWQ...
Vite: The Documentary
YouTube video by CultRepo
www.youtube.com
October 10, 2025 at 8:03 AM
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...
www.youtube.com/watch?v=bmWQ...
Reposted by Mauro Reis Vieira
🌠 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...
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...
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!
www.joshwcomeau.com
March 25, 2025 at 3:14 PM
🌠 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...
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...
Reposted by Mauro Reis Vieira
After 2+ years, it's finally time to announce @TanStack.com Form v1!
✅ Type Safe
🚀 Framework Agnostic
🎭 Headless
🔄 Isomorphic
🛡️ Advanced Validation
📜 Standard Schema
➕ More!
✅ Type Safe
🚀 Framework Agnostic
🎭 Headless
🔄 Isomorphic
🛡️ Advanced Validation
📜 Standard Schema
➕ More!
March 3, 2025 at 4:28 PM
After 2+ years, it's finally time to announce @TanStack.com Form v1!
✅ Type Safe
🚀 Framework Agnostic
🎭 Headless
🔄 Isomorphic
🛡️ Advanced Validation
📜 Standard Schema
➕ More!
✅ Type Safe
🚀 Framework Agnostic
🎭 Headless
🔄 Isomorphic
🛡️ Advanced Validation
📜 Standard Schema
➕ More!
the week just started, and Eslint is already ruining my life.
February 3, 2025 at 11:50 AM
the week just started, and Eslint is already ruining my life.
Reposted by Mauro Reis Vieira
January 16, 2025 at 1:16 PM
Reposted by Mauro Reis Vieira
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
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
January 12, 2025 at 11:57 AM
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
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
Reposted by Mauro Reis Vieira
React v19 – React
The library for web and native user interfaces
react.dev
December 5, 2024 at 7:05 PM
Reposted by Mauro Reis Vieira
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× 😆
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× 😆
November 29, 2024 at 4:42 PM
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× 😆
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× 😆
Reposted by Mauro Reis Vieira
Reposted by Mauro Reis Vieira
Vite 6.0 is out ⚡️
vite.dev/blog/announc...
vite.dev/blog/announc...
Announcing Vite 6
Vite 6 Release Announcement
vite.dev
November 26, 2024 at 2:26 PM
Vite 6.0 is out ⚡️
vite.dev/blog/announc...
vite.dev/blog/announc...
Reposted by Mauro Reis Vieira
"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.
open.substack.com/pub/addyo/p/...
Takeaways from some favorite books that have helped me grow over time.
November 26, 2024 at 7:14 PM
"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.
open.substack.com/pub/addyo/p/...
Takeaways from some favorite books that have helped me grow over time.
Reposted by Mauro Reis Vieira
“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...
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...
Mark Dalgleish – How React Router Became a Framework, React Advanced 2024
YouTube video by React Conferences by GitNation
www.youtube.com
November 5, 2024 at 7:47 PM
“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...
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...
Bluesky now has over 10 million users, and I was #664,103!
September 26, 2024 at 12:56 PM
Bluesky now has over 10 million users, and I was #664,103!
Reposted by Mauro Reis Vieira
Join Bluesky Today (Bye, Invites!) - Bluesky
Sign up for Bluesky! No invite code required.
bsky.social
February 6, 2024 at 2:09 PM
Reposted by Mauro Reis Vieira
here’s a recent talk about it! youtu.be/qOQClO3g8-Y
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...
youtu.be
December 25, 2023 at 2:24 PM
here’s a recent talk about it! youtu.be/qOQClO3g8-Y
Reposted by Mauro Reis Vieira
for dates you’re supposed to do suppressHydrationWarning react.dev/reference/re...
hydrate – React
The library for web and native user interfaces
react.dev
December 24, 2023 at 6:54 PM
for dates you’re supposed to do suppressHydrationWarning react.dev/reference/re...
Reposted by Mauro Reis Vieira
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...
• 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...
November 10, 2023 at 6:28 AM
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...
• 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...
Reposted by Mauro Reis Vieira
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! 💅🏻
October 1, 2023 at 9:12 AM
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! 💅🏻
This is great, bun 1.0 was released so recently and @vercel.com already supports it.
September 12, 2023 at 11:14 AM
This is great, bun 1.0 was released so recently and @vercel.com already supports it.
Reposted by Mauro Reis Vieira
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...
• 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...
September 8, 2023 at 4:21 PM
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...
• 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...
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!
While you can use `{console.log()}` within curly braces, remember it's best for debugging during development.
Keep your production code clean!
September 4, 2023 at 10:13 AM
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!
While you can use `{console.log()}` within curly braces, remember it's best for debugging during development.
Keep your production code clean!