What is React runtime? I looked it up and the closest thing I came across is the newly announced React compiler. I have a vested interest in this because currently working on a micro-SaaS that uses React heavily and still suffering bundle bloat even after performing all the usual optimizations.

▲

bastawhiz 3 days ago | parent | next [-]

When you compile JSX to JavaScript, it produces a series of function calls representing the structure of the JSX. In a recent major version, React added a new set of functions which are more efficient at both runtime and during transport, and don't require an explicit import (which helps cut down on unnecessary dependencies).

▲

silverwind 3 days ago | parent [-]

You mean the automatic runtime introduced in 2020. It does not have any impact on the performance, it's just a pure developer UX improvement.

	▲	bastawhiz 3 days ago \| parent [-]
		It improves the bundle size for most apps because the imported functions can be minified better. Depending on your bundler, it can avoid function calls at runtime.

▲

adzm 3 days ago | parent | prev [-]

React compiler is awesome for minimizing unnecessary renders but doesn't help with bundle size; might even make it worse. But in my experience it really helps with runtime performance if your code was not already highly optimized.