How To Improve 'Interaction to Next Paint' in React
Interaction to Next Paint (INP) is a common Web performance metric based on the latency and responsiveness of an app to user interactions, and Google even uses it as part of its ranking mechanism. Jacob offers up lots of advice and resources for improving your INP situation in React apps. - https://kurtextrem.de/posts/improve-inp-react
#react
Interaction to Next Paint (INP) is a common Web performance metric based on the latency and responsiveness of an app to user interactions, and Google even uses it as part of its ranking mechanism. Jacob offers up lots of advice and resources for improving your INP situation in React apps. - https://kurtextrem.de/posts/improve-inp-react
#react
kurtextrem.de
How To Improve INP: React⚛️
All-in-one guide for improving Interaction-to-Next-Paint (INP) Core Web Vital in React applications. Introduces the useAfterPaintEffect hook.
React Data Fetching Patterns
Not about how to fetch data in React apps, but some common patterns to structure said fetching. - https://www.robinwieruch.de/react-data-fetching-patterns/
#react
Not about how to fetch data in React apps, but some common patterns to structure said fetching. - https://www.robinwieruch.de/react-data-fetching-patterns/
#react
www.robinwieruch.de
React Data Fetching Patterns
Data fetching patterns for React components across Client and Server Components ...
Component Testing RSCs with Storybook
Testing server components can be tricky because they span the frontend/backend divide, but Storybook offers a way and here’s how. - https://storybook.js.org/blog/component-testing-rscs/
#react
Testing server components can be tricky because they span the frontend/backend divide, but Storybook offers a way and here’s how. - https://storybook.js.org/blog/component-testing-rscs/
#react
Storybook Blog
Component testing RSCs
Fully test React Server Components in the browser, fast
Real-Time Font Management in Expo - https://medium.com/@valentineminer27/real-time-font-management-in-expo-2dc107fc89d1
#react
#react
Medium
Real-Time Font Management in Expo
I’ve cooked up a package that takes the headache out of font management in React Native and Expo. The coolest part? You can switch fonts on…
React v19 Released
An early Christmas present! First teased in the React Labs February 2024 post, React 19 has been cooking for long enough (and in beta for 8 months) there’s already a wealth of content out there, like the React 19 upgrade guide, an explanation of the compiler, cheat sheets, and a roundup of what’s new in React 19. It’s here, and it’s time to re-explore Actions, the new hooks, use, Server Components, and more. - https://react.dev/blog/2024/12/05/react-19
#react
An early Christmas present! First teased in the React Labs February 2024 post, React 19 has been cooking for long enough (and in beta for 8 months) there’s already a wealth of content out there, like the React 19 upgrade guide, an explanation of the compiler, cheat sheets, and a roundup of what’s new in React 19. It’s here, and it’s time to re-explore Actions, the new hooks, use, Server Components, and more. - https://react.dev/blog/2024/12/05/react-19
#react
react.dev
React v19 – React
The library for web and native user interfaces
My React Tech Stack for 2025
After a year of research, building React apps, and creating a full-stack course, Robin shares what he’s settled on as his broader stack going forward for React apps into the new year. There’s little that's surprising here, but it’s good to see all these suggestions come together in one place. - https://www.robinwieruch.de/react-tech-stack/
#react
After a year of research, building React apps, and creating a full-stack course, Robin shares what he’s settled on as his broader stack going forward for React apps into the new year. There’s little that's surprising here, but it’s good to see all these suggestions come together in one place. - https://www.robinwieruch.de/react-tech-stack/
#react
www.robinwieruch.de
React Tech Stack [2025]
Popular React Tech Stack for Full-Stack Applications in 2025 to create your product (i.e. SaaS) ...
Next.js 15.1: Now Officially Supporting React 19
As (almost) the de facto React framework, it’s no surprise a Next.js release quickly followed the React 19 announcement. As well as React 19 support, there are improvements for debugging errors (shown in this post), after() is now stable, and forbidden() and unauthorized() are two new experimental ways to trigger 403 and 401 errors. - https://nextjs.org/blog/next-15-1
#react
As (almost) the de facto React framework, it’s no surprise a Next.js release quickly followed the React 19 announcement. As well as React 19 support, there are improvements for debugging errors (shown in this post), after() is now stable, and forbidden() and unauthorized() are two new experimental ways to trigger 403 and 401 errors. - https://nextjs.org/blog/next-15-1
#react
nextjs.org
Next.js 15.1
Next.js 15.1 introduces React 19 stable support, improved error debugging, new experimental authorization APIs, and more.
How React Compiler Performs on Real Code
Based on her talk at React Advanced this piece summarizes the problem the React Compiler is trying to solve, how that problem is solved in its absence, and how the compiler works on real code. - https://www.developerway.com/posts/how-react-compiler-performs-on-real-code
#react
Based on her talk at React Advanced this piece summarizes the problem the React Compiler is trying to solve, how that problem is solved in its absence, and how the compiler works on real code. - https://www.developerway.com/posts/how-react-compiler-performs-on-real-code
#react
Developerway
How React Compiler Performs on Real Code
Exploring the impact of React Compiler on initial load and interaction performance. With numbers. Measured on a real app.
Why We Switched to Astro
Why did Dato CMS take their old Next 13-powered site and rebuild it with Astro? It’s interesting to see the thought process and considerations they went through. - https://www.datocms.com/blog/why-we-switched-to-astro
#react
Why did Dato CMS take their old Next 13-powered site and rebuild it with Astro? It’s interesting to see the thought process and considerations they went through. - https://www.datocms.com/blog/why-we-switched-to-astro
#react
DatoCMS
Why we switched to Astro (and why it might interest you)
Follow the first article of a series in which we'll try to summarize our journey with Astro, sharing many cool little tricks and details we found out (or totally came up with) in the process.
Ref Callbacks, React 19 and the Compiler
Two years since his first article on callback refs, it turns out, in hindsight, some of the things included in that piece “were not 100% correct”. It’s time to revisit the subject. - https://tkdodo.eu/blog/ref-callbacks-react-19-and-the-compiler
#react
Two years since his first article on callback refs, it turns out, in hindsight, some of the things included in that piece “were not 100% correct”. It’s time to revisit the subject. - https://tkdodo.eu/blog/ref-callbacks-react-19-and-the-compiler
#react
tkdodo.eu
Ref Callbacks, React 19 and the Compiler
Reflecting on useCallback, how the Compiler changed my thinking about it, and what React 19 has in store for Ref Callbacks...
How to Dockerize a React App: A Step-by-Step Guide - https://www.docker.com/blog/how-to-dockerize-react-app/
#react
#react
Docker
How to Dockerize a React App: A Step-by-Step Guide for Developers | Docker
We show how to dockerize a React app to streamline your development process, eliminate "it works on my machine" problems, and ensure seamless deployments.
Introducing TanStack Start
Imagine if the folks behind TanStack Router, Query, etc. realized they had all the pieces to create a full-stack React framework: that’s TanStack Start. You get full-document SSR, streaming, server functions, and more, out of the box. - https://frontendmasters.com/blog/introducing-tanstack-start/
#react
Imagine if the folks behind TanStack Router, Query, etc. realized they had all the pieces to create a full-stack React framework: that’s TanStack Start. You get full-document SSR, streaming, server functions, and more, out of the box. - https://frontendmasters.com/blog/introducing-tanstack-start/
#react
Frontendmasters
Introducing TanStack Start
TanStack Start enhances the TanStack Router by adding a server layer that improves performance through server-side rendering (SSR) and isomorphic loaders.
Five Tips to Effectively Optimize INP in React Apps
Experience-informed recommendations for optimization techniques to improving performance with specific focus on the Interaction to Next Paint (INP) metric. - https://calendar.perfplanet.com/2024/5-tips-to-effectively-optimize-inp-in-react/
#react
Experience-informed recommendations for optimization techniques to improving performance with specific focus on the Interaction to Next Paint (INP) metric. - https://calendar.perfplanet.com/2024/5-tips-to-effectively-optimize-inp-in-react/
#react
Web Performance Calendar
5 tips to effectively optimize INP in React
In this post, let's consider several optimization techniques for improving Core Web Vitals metrics for sites that are built with React.
We are a team of speed consultants from the Czech Republic and in this article we would like to share some experiences…
We are a team of speed consultants from the Czech Republic and in this article we would like to share some experiences…
React Router 7 Tutorial
An introductory tutorial in Robin’s typically accessible, easy to follow style. - https://www.robinwieruch.de/react-router/
#react
An introductory tutorial in Robin’s typically accessible, easy to follow style. - https://www.robinwieruch.de/react-router/
#react
www.robinwieruch.de
React Router 7 Tutorial
React Router 7 tutorial: setup, hooks, nested routes, dynamic routes, programmatic navigation, active links, layout routes, index routes and more. A step by step React tutorial for beginners ...
17 Tips from a Senior React Developer
17 tips I wish someone had shared with me when I was starting. - https://www.frontendjoy.com/p/17-tips-from-a-senior-react-developer
#react
17 tips I wish someone had shared with me when I was starting. - https://www.frontendjoy.com/p/17-tips-from-a-senior-react-developer
#react
FrontendJoy
17 Tips from a Senior React Developer
You Might Not Need a React Form Library
For simple forms, rolling your own validation could be easier. - https://www.robinwieruch.de/react-form-validation/
#react
For simple forms, rolling your own validation could be easier. - https://www.robinwieruch.de/react-form-validation/
#react
www.robinwieruch.de
React Form Validation
How to validate forms in React without a form library on the server and the client ...
A Dive into React 19: New Features, Improvements, and Best Practices - https://blog.alexcloudstar.com/a-deep-dive-into-react-19-new-features-improvements-and-best-practices
#react
#react
Alex Cloudstar's Stories
A Deep Dive into React 19: New Features, Improvements, and Best Practi
Explore React 19's powerful features like the Actions API, new hooks, Server Components, enhanced hydration, and more for optimized web development
Advanced React Component Design with TypeScript
Let’s explore what sparks might fly when TypeScript… - https://medium.com/%E6%BC%B8%E5%BC%B7%E5%AF%A6%E9%A9%97%E5%AE%A4-crescendo-lab-engineering-blog/advanced-react-component-design-with-typescript-b679b85ad719
#react
Let’s explore what sparks might fly when TypeScript… - https://medium.com/%E6%BC%B8%E5%BC%B7%E5%AF%A6%E9%A9%97%E5%AE%A4-crescendo-lab-engineering-blog/advanced-react-component-design-with-typescript-b679b85ad719
#react
Medium
Advanced React Component Design with TypeScript
Let’s explore what sparks might fly when TypeScript and React come together.
An Early Look at React's Experimental Animations API
<ViewTransition /> is based on the powerful browser-based View Transition API (unsupported in Firefox for now). It’s only in pre-release versions of React so far, but Matt comes armed with examples and demos for you to get an early feel for the potential. - https://motion.dev/blog/reacts-experimental-view-transition-api
#react
<ViewTransition /> is based on the powerful browser-based View Transition API (unsupported in Firefox for now). It’s only in pre-release versions of React so far, but Matt comes armed with examples and demos for you to get an early feel for the potential. - https://motion.dev/blog/reacts-experimental-view-transition-api
#react
motion.dev
Revealed: React's experimental animations API - Motion Blog
React is experimenting with a new animation API based on the View Transition API. How does it work? What can it do? We reveal all in this blog post.
Accessibility Essentials Every React Developer Should Know
If you’re an experienced frontend developer, these might be second nature to you by now, but this is a good roundup of the entry level ‘table stakes’ for frontend accessibility. - https://martijnhols.nl/blog/accessibility-essentials-every-front-end-developer-should-know
#react
If you’re an experienced frontend developer, these might be second nature to you by now, but this is a good roundup of the entry level ‘table stakes’ for frontend accessibility. - https://martijnhols.nl/blog/accessibility-essentials-every-front-end-developer-should-know
#react
Martijn Hols
Accessibility essentials every front-end developer should know by Martijn Hols
Essential accessibility practices for front-end developers, including semantic HTML, alt texts, ARIA, and keyboard navigation tips to build inclusive components.