Video wird geladen...

Video konnte nicht geladen werden

Zur Startseite

❌ useMemo, useCallback, memo everywhere ✅ React Compiler handles it automatically React Compiler v1.0 is here. It analyzes your code at build time and adds memoization where needed.↓

63,113 Aufrufe • vor 9 Monaten •via X (Twitter)

28 Kommentare

Profilbild von Rahul Rana
Rahul Ranavor 9 Monaten

Here we go as you promised 🙂 React compiler simplifies un-necessary optimization. Really curious to know how it internally manages this things.

Profilbild von George Moller
George Mollervor 9 Monaten

you got it!

Profilbild von Catalin
Catalinvor 9 Monaten

finally. been waiting for this since the 2024 beta. does it play nice with bun builds or still babel only?

Profilbild von George Moller
George Mollervor 9 Monaten

no native support for bun build yet, there is an open issue asking exactly that here:

Profilbild von Catalin
Catalinvor 9 Monaten

appreciate it. fwiw the workaround rn is running babel-plugin-react-compiler separately before bun build but it's janky. native support would be clean

Profilbild von Den
Denvor 9 Monaten

Finally. Let the compiler handle it 👌

Profilbild von George Moller
George Mollervor 9 Monaten

Been waiting for this feature! Have you tried it?

Profilbild von Alexey Lyakhov
Alexey Lyakhovvor 9 Monaten

They should remove useEffect too

Profilbild von George Moller
George Mollervor 9 Monaten

🤣

Profilbild von Alexey Lyakhov
Alexey Lyakhovvor 9 Monaten

They should remove this hooks from react. I will make eslint-plugin-react-dehookify

Profilbild von George Moller
George Mollervor 9 Monaten

pleas do, and share it here!

Profilbild von Alexey Lyakhov
Alexey Lyakhovvor 9 Monaten

Published my new package enjoy

Profilbild von Alexander
Alexandervor 9 Monaten

unfortunately, AI often adds unnecessary with React Compiler optimizations

Profilbild von Claudiu
Claudiuvor 9 Monaten

This is huge! There were people not using useMemo and useCallback hooks, and people abusing them (guilty of this sometimes 😁). This settles the debate once and for all 😀.

Profilbild von George Moller
George Mollervor 9 Monaten

Pretty much yes!

Profilbild von Gregor
Gregorvor 9 Monaten

Building my finance app, I've noticed that manual memoization can be tedious and error-prone. Sometimes I've added it where it wasn't needed, which just added complexity. React Compiler's automated approach sounds like a huge relief.

Profilbild von Vencedor Zest
Vencedor Zestvor 9 Monaten

Curious about how it works internally

Profilbild von Christian
Christianvor 9 Monaten

Is it plug-and-play with any react setup?

Profilbild von George Moller
George Mollervor 9 Monaten

you just need to add the babel plugin to whatever build tool you are using: babel-plugin-react-compiler@latest

Profilbild von Pola
Polavor 9 Monaten

@javascramble Babel in 2026, dear lord…

Profilbild von George Moller
George Mollervor 9 Monaten

@javascramble lol

Profilbild von Alexey Lyakhov
Alexey Lyakhovvor 9 Monaten

Created new eslint plugin for those who use react-compiler in existing projects

Profilbild von Iqboljon Hasan
Iqboljon Hasanvor 9 Monaten

react created rendering issues, and now kinda solving them

Profilbild von Chris
Chrisvor 9 Monaten

What happens to my production code with useMemo & useCallback?

Profilbild von George Moller
George Mollervor 9 Monaten

what version of react do you have?

Profilbild von Chris
Chrisvor 9 Monaten

It’s an older version and I haven’t updated to the latest. I’m curious to know what happens if I update. Should I remove the useMemo and useCallback?

Profilbild von Chris
Chrisvor 9 Monaten

@autistikatronik @_georgemoller Got it 🫡

Profilbild von 0xd3112
0xd3112vor 9 Monaten

Im skeptical. Is it better than a junior dev that just learned about those? If you use a usecallback and ask cursor to add some code everything becomes usecallback 😂

Ähnliche Videos