3 documents tagged with “React”
React is a powerful framework, but it is easy to use it to ship a slow site. Bundles that are too large, unnecessary re-renders, useEffect used as a hammer for everything, server-side rendering you never turn on. Classic mistakes that show up on nine out of ten React sites.
Under the React tag you will find articles on writing React with speed in mind: memoisation, code splitting, server components, useEffect optimisation, and other techniques.
Accelerate React: 6 Proven Tips for Optimising Core Web Vitals
React is a popular tool for developing modern websites, but speed and interactivity aren’t always automatic. In this article, we present key techniques for optimising Core Web Vitals – from hydration to <Suspense> and DOM handling – to help you speed up your React projects.
INP Metric: 7 Tips for Optimisation
INP is not the easiest metric to optimise, so we have selected the most common issues and solutions from our experience.
setTimeout: Optimising Long Tasks in JS
The setTimeout() method is used to optimise long tasks in JavaScript that block user interactions, thereby affecting metrics like Total Blocking Time (TBT) or Interaction to Next Paint (INP), an essential part of the Core Web Vitals set.