#reactcompiler search results

๐—ฅ๐—ฒ๐—ฎ๐—ฐ๐˜ ๐—–๐—ผ๐—บ๐—ฝ๐—ถ๐—น๐—ฒ๐—ฟ: ๐—ง๐—ต๐—ฒ ๐—ฆ๐—ฒ๐—ฐ๐—ฟ๐—ฒ๐˜ ๐—ฃ๐—ฒ๐—ฟ๐—ณ๐—ผ๐—ฟ๐—บ๐—ฎ๐—ป๐—ฐ๐—ฒ ๐—•๐—ผ๐—ผ๐˜€๐˜ ๐—ฌ๐—ผ๐˜‚ ๐——๐—ถ๐—ฑ๐—ปโ€™๐˜ ๐—ž๐—ป๐—ผ๐˜„ ๐—ฌ๐—ผ๐˜‚ ๐—ก๐—ฒ๐—ฒ๐—ฑ๐—ฒ๐—ฑ #React #ReactCompiler #Devace #FrontendPerformance #WebDev #JavaScript #ReactJS #PerformanceOptimization #CodingTips #CodeSmarter

devacetech's tweet image. ๐—ฅ๐—ฒ๐—ฎ๐—ฐ๐˜ ๐—–๐—ผ๐—บ๐—ฝ๐—ถ๐—น๐—ฒ๐—ฟ: ๐—ง๐—ต๐—ฒ ๐—ฆ๐—ฒ๐—ฐ๐—ฟ๐—ฒ๐˜ ๐—ฃ๐—ฒ๐—ฟ๐—ณ๐—ผ๐—ฟ๐—บ๐—ฎ๐—ป๐—ฐ๐—ฒ ๐—•๐—ผ๐—ผ๐˜€๐˜ ๐—ฌ๐—ผ๐˜‚ ๐——๐—ถ๐—ฑ๐—ปโ€™๐˜ ๐—ž๐—ป๐—ผ๐˜„ ๐—ฌ๐—ผ๐˜‚ ๐—ก๐—ฒ๐—ฒ๐—ฑ๐—ฒ๐—ฑ
#React #ReactCompiler #Devace #FrontendPerformance #WebDev #JavaScript #ReactJS #PerformanceOptimization #CodingTips #CodeSmarter
devacetech's tweet image. ๐—ฅ๐—ฒ๐—ฎ๐—ฐ๐˜ ๐—–๐—ผ๐—บ๐—ฝ๐—ถ๐—น๐—ฒ๐—ฟ: ๐—ง๐—ต๐—ฒ ๐—ฆ๐—ฒ๐—ฐ๐—ฟ๐—ฒ๐˜ ๐—ฃ๐—ฒ๐—ฟ๐—ณ๐—ผ๐—ฟ๐—บ๐—ฎ๐—ป๐—ฐ๐—ฒ ๐—•๐—ผ๐—ผ๐˜€๐˜ ๐—ฌ๐—ผ๐˜‚ ๐——๐—ถ๐—ฑ๐—ปโ€™๐˜ ๐—ž๐—ป๐—ผ๐˜„ ๐—ฌ๐—ผ๐˜‚ ๐—ก๐—ฒ๐—ฒ๐—ฑ๐—ฒ๐—ฑ
#React #ReactCompiler #Devace #FrontendPerformance #WebDev #JavaScript #ReactJS #PerformanceOptimization #CodingTips #CodeSmarter
devacetech's tweet image. ๐—ฅ๐—ฒ๐—ฎ๐—ฐ๐˜ ๐—–๐—ผ๐—บ๐—ฝ๐—ถ๐—น๐—ฒ๐—ฟ: ๐—ง๐—ต๐—ฒ ๐—ฆ๐—ฒ๐—ฐ๐—ฟ๐—ฒ๐˜ ๐—ฃ๐—ฒ๐—ฟ๐—ณ๐—ผ๐—ฟ๐—บ๐—ฎ๐—ป๐—ฐ๐—ฒ ๐—•๐—ผ๐—ผ๐˜€๐˜ ๐—ฌ๐—ผ๐˜‚ ๐——๐—ถ๐—ฑ๐—ปโ€™๐˜ ๐—ž๐—ป๐—ผ๐˜„ ๐—ฌ๐—ผ๐˜‚ ๐—ก๐—ฒ๐—ฒ๐—ฑ๐—ฒ๐—ฑ
#React #ReactCompiler #Devace #FrontendPerformance #WebDev #JavaScript #ReactJS #PerformanceOptimization #CodingTips #CodeSmarter
devacetech's tweet image. ๐—ฅ๐—ฒ๐—ฎ๐—ฐ๐˜ ๐—–๐—ผ๐—บ๐—ฝ๐—ถ๐—น๐—ฒ๐—ฟ: ๐—ง๐—ต๐—ฒ ๐—ฆ๐—ฒ๐—ฐ๐—ฟ๐—ฒ๐˜ ๐—ฃ๐—ฒ๐—ฟ๐—ณ๐—ผ๐—ฟ๐—บ๐—ฎ๐—ป๐—ฐ๐—ฒ ๐—•๐—ผ๐—ผ๐˜€๐˜ ๐—ฌ๐—ผ๐˜‚ ๐——๐—ถ๐—ฑ๐—ปโ€™๐˜ ๐—ž๐—ป๐—ผ๐˜„ ๐—ฌ๐—ผ๐˜‚ ๐—ก๐—ฒ๐—ฒ๐—ฑ๐—ฒ๐—ฑ
#React #ReactCompiler #Devace #FrontendPerformance #WebDev #JavaScript #ReactJS #PerformanceOptimization #CodingTips #CodeSmarter

๐Ÿšจ #ReactJS devs: with the new React Compiler, naming matters! If your custom hook returns a ref, add a Ref suffix: const myRef = useMyHook() โœ… const myVal = useMyHook()โŒ Without it, the compiler assumes .current access โ€” breaks memoization! #ReactCompiler #reactnative

tell_me_mur's tweet image. ๐Ÿšจ #ReactJS devs: with the new React Compiler, naming matters!

If your custom hook returns a ref, add a Ref suffix:

const myRef = useMyHook() โœ…
const myVal = useMyHook()โŒ

Without it, the compiler assumes .current access โ€” breaks memoization!

 #ReactCompiler #reactnative
tell_me_mur's tweet image. ๐Ÿšจ #ReactJS devs: with the new React Compiler, naming matters!

If your custom hook returns a ref, add a Ref suffix:

const myRef = useMyHook() โœ…
const myVal = useMyHook()โŒ

Without it, the compiler assumes .current access โ€” breaks memoization!

 #ReactCompiler #reactnative

I spoke about #ReactCompiler, what it does and what you need to optimize next, explaining how react rerenders components and more, will share recording once ready

Med7atDawoud's tweet image. I spoke about #ReactCompiler, what it does and what you need to optimize next, explaining how react rerenders components and more, will share recording once ready

React and React Native devs, listen up! ๐Ÿ‘‚ If you're using React Compiler, please do NOT combine it with memo(...). You're just doing double work, as the parent component will always check passed props. Let the compiler do its job! #React #ReactNative #ReactCompiler

tell_me_mur's tweet image. React and React Native devs, listen up! ๐Ÿ‘‚ If you're using React Compiler, please do NOT combine it with memo(...). 

You're just doing double work, as the parent component will always check passed props. Let the compiler do its job! 

#React #ReactNative #ReactCompiler

Flying today to Casablanca ๐Ÿ‡ฒ๐Ÿ‡ฆ to speak at React Africa tomorrow about: โ€œWhat You need to Optimize after React Compilerโ€ โš ๏ธI will spam you with tweets about Morocco and the conference in the next few days so stay tuned #ReactAfrica #ReactCompiler #webperf

Med7atDawoud's tweet image. Flying today to Casablanca ๐Ÿ‡ฒ๐Ÿ‡ฆ to speak at React Africa tomorrow about:

โ€œWhat You need to Optimize after React Compilerโ€

โš ๏ธI will spam you with tweets about Morocco and the conference in the next few days so stay tuned

#ReactAfrica #ReactCompiler #webperf
Med7atDawoud's tweet image. Flying today to Casablanca ๐Ÿ‡ฒ๐Ÿ‡ฆ to speak at React Africa tomorrow about:

โ€œWhat You need to Optimize after React Compilerโ€

โš ๏ธI will spam you with tweets about Morocco and the conference in the next few days so stay tuned

#ReactAfrica #ReactCompiler #webperf

I found an interesting bug with #ReactCompiler when accessing the function from the props object using dot notation and calling it => broke memoization. Because the compiler checks all props object if ($[0] !== props) { but should if ($[0] !== props.reportBug) {

dimaMachina_'s tweet image. I found an interesting bug with #ReactCompiler when accessing the function from the props object using dot notation and calling it => broke memoization.
Because the compiler checks all props object

if ($[0] !== props) {

but should

if ($[0] !== props.reportBug) {

Great work #ReactCompiler team! 2 hours after my previous tweet, you already submitted PR with a fix ๐Ÿ˜ I have another issue: The following code is not optimized, and eslint-plugin-react-compiler doesn't report any errors too, changing 0 to '0' string, makes the compiler work!

dimaMachina_'s tweet image. Great work #ReactCompiler team! 2 hours after my previous tweet, you already submitted PR with a fix ๐Ÿ˜
I have another issue:

The following code is not optimized, and eslint-plugin-react-compiler doesn't report any errors too, changing 0  to '0' string, makes the compiler work!

2/5๐Ÿ”ฅ React Compiler Release Candidate The React Compiler is officially in RC! ๐ŸŽ‰ It's designed to automatically optimize your React code. Plus, SWC collaboration brings experimental support. ๐Ÿš€ Exciting times ahead for React developers! #React #ReactCompiler

greatfrontend's tweet image. 2/5๐Ÿ”ฅ React Compiler Release Candidate
The React Compiler is officially in RC! ๐ŸŽ‰ It's designed to automatically optimize your React code. Plus, SWC collaboration brings experimental support. ๐Ÿš€ Exciting times ahead for React developers!

#React #ReactCompiler

Last week I updated I enabled #reactcompiler in 7 #nextjs apps and removed all useMemo hooks. It all just worked. Even components that would become really slow earlier before I used useMemo. It cleans up the code a lot.

Leejjon_net's tweet image. Last week I updated I enabled #reactcompiler in 7 #nextjs apps and removed all useMemo hooks. It all just worked. Even components that would become really slow earlier before I used useMemo. It cleans up the code a lot.

La semaine derniรจre, j'รฉtais au @devfestnantes ๐Ÿ˜ฑ J'ai eu le plaisir d'y donner un talk sur le tout nouveau #ReactCompiler avec mon compรจre de toujours @CruuzAzul ๐Ÿš€ Un รฉnorme merci ร  tous les gens qui nous ont fait leurs retours, je suis trรจs heureux que le talk vous ai plu ๐Ÿ’œ

Slocalyy's tweet image. La semaine derniรจre, j'รฉtais au @devfestnantes ๐Ÿ˜ฑ

J'ai eu le plaisir d'y donner un talk sur le tout nouveau #ReactCompiler avec mon compรจre de toujours @CruuzAzul ๐Ÿš€

Un รฉnorme merci ร  tous les gens qui nous ont fait leurs retours, je suis trรจs heureux que le talk vous ai plu ๐Ÿ’œ
Slocalyy's tweet image. La semaine derniรจre, j'รฉtais au @devfestnantes ๐Ÿ˜ฑ

J'ai eu le plaisir d'y donner un talk sur le tout nouveau #ReactCompiler avec mon compรจre de toujours @CruuzAzul ๐Ÿš€

Un รฉnorme merci ร  tous les gens qui nous ont fait leurs retours, je suis trรจs heureux que le talk vous ai plu ๐Ÿ’œ

Le @devfestnantes cโ€™est bientรดt ! ๐Ÿ‘ป Si vous รชtes de passage ce jeudi 17 octobre ร  16h20, rejoignez-nous avec @Slocalyy en salle Titan pour plonger dans lโ€™univers de @reactjs avec un focus tout particulier sur le React Compiler ๐Ÿค– #DevFestNantes #ReactCompiler


@reactjs just dropped a compiler bomb! The new React Compiler promises to supercharge your app's performance without you writing a single line of optimization code. Let's break it down! โš›๏ธ Ref:react.dev/learn/react-coโ€ฆ #React #ReactCompiler #WebDev 1/n ๐Ÿงต

M_Srishty's tweet image. @reactjs just dropped a compiler bomb!   The new React Compiler promises to supercharge your app's performance without you writing a single line of optimization code. Let's break it down!  โš›๏ธ

Ref:react.dev/learn/react-coโ€ฆ
#React #ReactCompiler #WebDev 
1/n ๐Ÿงต

Clap de fin pour le #DevfestNantes2024 ! ๐ŸŽฌ Merci ร  notre super MC @MathieuMure et ร  toutes les personnes qui sont venues nous รฉcouter parler #ReactCompiler avec @Slocalyy ๐Ÿ™Œ๐Ÿผ Merci ร  toute lโ€™orga du @devfestnantes pour ce superbe รฉvรฉnement, et j'espรจre ร  lโ€™annรฉe prochaine ๐Ÿ’™

CruuzAzul's tweet image. Clap de fin pour le #DevfestNantes2024 ! ๐ŸŽฌ

Merci ร  notre super MC @MathieuMure et ร  toutes les personnes qui sont venues nous รฉcouter parler #ReactCompiler avec @Slocalyy ๐Ÿ™Œ๐Ÿผ

Merci ร  toute lโ€™orga du @devfestnantes pour ce superbe รฉvรฉnement, et j'espรจre ร  lโ€™annรฉe prochaine ๐Ÿ’™

Pour la troisiรจme annรฉe consรฉcutive, rendez-vous ร  Touraine Tech les 6 et 7 fรฉvrier prochains pour parler @reactjs et surtout #ReactCompiler avec @Slocalyy ๐Ÿค– Encore merci aux orgas de @tourainetech ๐Ÿซถ๐Ÿผ

CruuzAzul's tweet image. Pour la troisiรจme annรฉe consรฉcutive, rendez-vous ร  Touraine Tech les 6 et 7 fรฉvrier prochains pour parler @reactjs et surtout #ReactCompiler avec @Slocalyy ๐Ÿค– Encore merci aux orgas de @tourainetech ๐Ÿซถ๐Ÿผ

I see #reactcompiler is trying to "make react great again"... by using a lot of 'neat' memoization hacks. Not gonna happen probably, but hey, no one wants to use lit, even though it's much much faster, so maybe speed is not the issue?


๐ŸŽ‰ Aujourdโ€™hui, cโ€™est @DevoxxFR ! J'aurais la chance de parler de @reactjs et plus prรฉcisรฉment du #ReactCompiler aux cรดtรฉs de @Slocalyy ๐Ÿ˜ย On vous embarque dans les coulisses de cette magie Vendredi ร  13h30 โ€” Salle Neuilly 153 โœจ


Our #ReactNative app faced a persistent 2s+ UI stutter on "Add to Cart" due to excessive re-renders, majorly due to accumulated tech debt. Check out this blog post detailing how we got around fixing it with minimal code changes (+ #reactcompiler) medium.com/engineering-udโ€ฆ


Cโ€™est parti pour ce deuxiรจme jour de @DevoxxFR ! Si jamais vous รชtes prรฉsents ร  lโ€™รฉvรฉnement et que @reactjs vous intรฉresse, venez nous voir @CruuzAzul et moi vendredi ร  13h30 en Neuilly 153 pour nous voir parler de #ReactCompiler !


ๅฆ‚ไฝ•้€้Ž้œๆ…‹ๅˆ†ๆž่‡ชๅ‹• memoization๏ผŒๅ„ชๅŒ–ๆ•ˆ่ƒฝใ€ๆธ›ๅฐ‘ไบบๅทฅ่ฒ ๆ“”๏ผŒ ไธฆๅฑ•็คบๅฐŽๅ…ฅๆ—ขๆœ‰ๅฐˆๆกˆ็š„ๆ–นๆณ•๏ผ ๆบ–ๅ‚™ๅฅฝ่ฟŽๆŽฅ React ็š„ไธ‹ไธ€ๅ€‹ๆ™‚ไปฃ๏ผŒ ่ฎ“ไฝ ็š„ๅ…ƒไปถใ€Œ่‡ชๅ‹•ใ€ๆ›ดๅฟซใ€ๆ›ด่ฐๆ˜Žใ€‚ ๐Ÿ“… JSDC 2025๏ฝœ11/29 ็››ๅคง็™ปๅ ด #JSDC2025 #React #ReactCompiler #JavaScript #Frontend #Conference


๐—ฅ๐—ฒ๐—ฎ๐—ฐ๐˜ ๐—–๐—ผ๐—บ๐—ฝ๐—ถ๐—น๐—ฒ๐—ฟ: ๐—ง๐—ต๐—ฒ ๐—ฆ๐—ฒ๐—ฐ๐—ฟ๐—ฒ๐˜ ๐—ฃ๐—ฒ๐—ฟ๐—ณ๐—ผ๐—ฟ๐—บ๐—ฎ๐—ป๐—ฐ๐—ฒ ๐—•๐—ผ๐—ผ๐˜€๐˜ ๐—ฌ๐—ผ๐˜‚ ๐——๐—ถ๐—ฑ๐—ปโ€™๐˜ ๐—ž๐—ป๐—ผ๐˜„ ๐—ฌ๐—ผ๐˜‚ ๐—ก๐—ฒ๐—ฒ๐—ฑ๐—ฒ๐—ฑ #React #ReactCompiler #Devace #FrontendPerformance #WebDev #JavaScript #ReactJS #PerformanceOptimization #CodingTips #CodeSmarter

devacetech's tweet image. ๐—ฅ๐—ฒ๐—ฎ๐—ฐ๐˜ ๐—–๐—ผ๐—บ๐—ฝ๐—ถ๐—น๐—ฒ๐—ฟ: ๐—ง๐—ต๐—ฒ ๐—ฆ๐—ฒ๐—ฐ๐—ฟ๐—ฒ๐˜ ๐—ฃ๐—ฒ๐—ฟ๐—ณ๐—ผ๐—ฟ๐—บ๐—ฎ๐—ป๐—ฐ๐—ฒ ๐—•๐—ผ๐—ผ๐˜€๐˜ ๐—ฌ๐—ผ๐˜‚ ๐——๐—ถ๐—ฑ๐—ปโ€™๐˜ ๐—ž๐—ป๐—ผ๐˜„ ๐—ฌ๐—ผ๐˜‚ ๐—ก๐—ฒ๐—ฒ๐—ฑ๐—ฒ๐—ฑ
#React #ReactCompiler #Devace #FrontendPerformance #WebDev #JavaScript #ReactJS #PerformanceOptimization #CodingTips #CodeSmarter
devacetech's tweet image. ๐—ฅ๐—ฒ๐—ฎ๐—ฐ๐˜ ๐—–๐—ผ๐—บ๐—ฝ๐—ถ๐—น๐—ฒ๐—ฟ: ๐—ง๐—ต๐—ฒ ๐—ฆ๐—ฒ๐—ฐ๐—ฟ๐—ฒ๐˜ ๐—ฃ๐—ฒ๐—ฟ๐—ณ๐—ผ๐—ฟ๐—บ๐—ฎ๐—ป๐—ฐ๐—ฒ ๐—•๐—ผ๐—ผ๐˜€๐˜ ๐—ฌ๐—ผ๐˜‚ ๐——๐—ถ๐—ฑ๐—ปโ€™๐˜ ๐—ž๐—ป๐—ผ๐˜„ ๐—ฌ๐—ผ๐˜‚ ๐—ก๐—ฒ๐—ฒ๐—ฑ๐—ฒ๐—ฑ
#React #ReactCompiler #Devace #FrontendPerformance #WebDev #JavaScript #ReactJS #PerformanceOptimization #CodingTips #CodeSmarter
devacetech's tweet image. ๐—ฅ๐—ฒ๐—ฎ๐—ฐ๐˜ ๐—–๐—ผ๐—บ๐—ฝ๐—ถ๐—น๐—ฒ๐—ฟ: ๐—ง๐—ต๐—ฒ ๐—ฆ๐—ฒ๐—ฐ๐—ฟ๐—ฒ๐˜ ๐—ฃ๐—ฒ๐—ฟ๐—ณ๐—ผ๐—ฟ๐—บ๐—ฎ๐—ป๐—ฐ๐—ฒ ๐—•๐—ผ๐—ผ๐˜€๐˜ ๐—ฌ๐—ผ๐˜‚ ๐——๐—ถ๐—ฑ๐—ปโ€™๐˜ ๐—ž๐—ป๐—ผ๐˜„ ๐—ฌ๐—ผ๐˜‚ ๐—ก๐—ฒ๐—ฒ๐—ฑ๐—ฒ๐—ฑ
#React #ReactCompiler #Devace #FrontendPerformance #WebDev #JavaScript #ReactJS #PerformanceOptimization #CodingTips #CodeSmarter
devacetech's tweet image. ๐—ฅ๐—ฒ๐—ฎ๐—ฐ๐˜ ๐—–๐—ผ๐—บ๐—ฝ๐—ถ๐—น๐—ฒ๐—ฟ: ๐—ง๐—ต๐—ฒ ๐—ฆ๐—ฒ๐—ฐ๐—ฟ๐—ฒ๐˜ ๐—ฃ๐—ฒ๐—ฟ๐—ณ๐—ผ๐—ฟ๐—บ๐—ฎ๐—ป๐—ฐ๐—ฒ ๐—•๐—ผ๐—ผ๐˜€๐˜ ๐—ฌ๐—ผ๐˜‚ ๐——๐—ถ๐—ฑ๐—ปโ€™๐˜ ๐—ž๐—ป๐—ผ๐˜„ ๐—ฌ๐—ผ๐˜‚ ๐—ก๐—ฒ๐—ฒ๐—ฑ๐—ฒ๐—ฑ
#React #ReactCompiler #Devace #FrontendPerformance #WebDev #JavaScript #ReactJS #PerformanceOptimization #CodingTips #CodeSmarter

๐Ÿš€ Big news from #ReactConference2025! React Compiler 1.0 is finally here ๐ŸŽ‰ โš™๏ธ Automatic Memoization โšก Smarter Rendering โœ… Compatible with React 17, 18 & 19 A new era of speed and simplicity for React devs ๐Ÿ’™ #ReactCompiler #ReactJS #WebDev


Try it now ๐Ÿ‘‰ npm i -D babel-plugin-react-compiler@rc Explore hands-on questions and playbooks at GreatFrontEnd: greatfrontend.com/?utm_source=soโ€ฆ #ReactJS #ReactCompiler #Performance #FrontendDev #CleanCode #JavaScript #DX #React19 #GreatFrontEnd


๐Ÿšจ #ReactJS devs: with the new React Compiler, naming matters! If your custom hook returns a ref, add a Ref suffix: const myRef = useMyHook() โœ… const myVal = useMyHook()โŒ Without it, the compiler assumes .current access โ€” breaks memoization! #ReactCompiler #reactnative

tell_me_mur's tweet image. ๐Ÿšจ #ReactJS devs: with the new React Compiler, naming matters!

If your custom hook returns a ref, add a Ref suffix:

const myRef = useMyHook() โœ…
const myVal = useMyHook()โŒ

Without it, the compiler assumes .current access โ€” breaks memoization!

 #ReactCompiler #reactnative
tell_me_mur's tweet image. ๐Ÿšจ #ReactJS devs: with the new React Compiler, naming matters!

If your custom hook returns a ref, add a Ref suffix:

const myRef = useMyHook() โœ…
const myVal = useMyHook()โŒ

Without it, the compiler assumes .current access โ€” breaks memoization!

 #ReactCompiler #reactnative

#ReactCompiler is coming โ€” and i believe itโ€™s a game-changer. It turns your components into optimized code that skips re-renders automatically. No more useMemo(), useCallback() gymnastics. #React needs it to stay fast as apps and UIs grow more complex.


4/ TL;DR: The compiler rewards clean, readable code. Youโ€™ll write less โ€œoptimization junkโ€ and your components will still run fast. Honestly, itโ€™s how React always should have felt. #reactjs #reactcompiler #devthoughts


Our #ReactNative app faced a persistent 2s+ UI stutter on "Add to Cart" due to excessive re-renders, majorly due to accumulated tech debt. Check out this blog post detailing how we got around fixing it with minimal code changes (+ #reactcompiler) medium.com/engineering-udโ€ฆ


React and React Native devs, listen up! ๐Ÿ‘‚ If you're using React Compiler, please do NOT combine it with memo(...). You're just doing double work, as the parent component will always check passed props. Let the compiler do its job! #React #ReactNative #ReactCompiler

tell_me_mur's tweet image. React and React Native devs, listen up! ๐Ÿ‘‚ If you're using React Compiler, please do NOT combine it with memo(...). 

You're just doing double work, as the parent component will always check passed props. Let the compiler do its job! 

#React #ReactNative #ReactCompiler

Last week I updated I enabled #reactcompiler in 7 #nextjs apps and removed all useMemo hooks. It all just worked. Even components that would become really slow earlier before I used useMemo. It cleans up the code a lot.

Leejjon_net's tweet image. Last week I updated I enabled #reactcompiler in 7 #nextjs apps and removed all useMemo hooks. It all just worked. Even components that would become really slow earlier before I used useMemo. It cleans up the code a lot.

But here's the twist: The #ReactCompiler changes the game. It allows API innovations (signals, context updates) to happen underneath the hood. Devs & AIs still interact with familiar high-level code. Evolution without breakage.


2/5๐Ÿ”ฅ React Compiler Release Candidate The React Compiler is officially in RC! ๐ŸŽ‰ It's designed to automatically optimize your React code. Plus, SWC collaboration brings experimental support. ๐Ÿš€ Exciting times ahead for React developers! #React #ReactCompiler

greatfrontend's tweet image. 2/5๐Ÿ”ฅ React Compiler Release Candidate
The React Compiler is officially in RC! ๐ŸŽ‰ It's designed to automatically optimize your React code. Plus, SWC collaboration brings experimental support. ๐Ÿš€ Exciting times ahead for React developers!

#React #ReactCompiler

๐ŸŽฌ Clap de fin pour cette รฉdition de @DevoxxFR ! Un grand merci ร  lโ€™รฉquipe orga et ร  tous les bรฉnรฉvoles ๐Ÿ™๐ŸผEt merci ร  toutes celles et ceux qui sont venus assister ร  notre talk sur le #ReactCompiler avec @Slocalyy ๐Ÿ™Œ๐Ÿผ Pour revoir les slides ๐Ÿ‘‰๐Ÿผ cruuzazul.dev/speaking/reactโ€ฆ


Cโ€™est parti pour ce deuxiรจme jour de @DevoxxFR ! Si jamais vous รชtes prรฉsents ร  lโ€™รฉvรฉnement et que @reactjs vous intรฉresse, venez nous voir @CruuzAzul et moi vendredi ร  13h30 en Neuilly 153 pour nous voir parler de #ReactCompiler !


๐ŸŽ‰ Aujourdโ€™hui, cโ€™est @DevoxxFR ! J'aurais la chance de parler de @reactjs et plus prรฉcisรฉment du #ReactCompiler aux cรดtรฉs de @Slocalyy ๐Ÿ˜ย On vous embarque dans les coulisses de cette magie Vendredi ร  13h30 โ€” Salle Neuilly 153 โœจ


๐Ÿš€ @devoxx approche ร  grands pas ! Si vous รชtes de passage et que lโ€™univers de @reactjs vous passionne, ne manquez pas notre session sur le #ReactCompiler le vendredi ร  13h30 ๐Ÿ—“๏ธ Rรฉservez votre place dรจs maintenant sur leur application et venez en apprendre plus ! ๐ŸŽŸ๏ธ

In the meantime, please prepare your agenda and mark your favorite sessions here: mobile.devoxx.com/events/devoxxfโ€ฆ . This will help us allocate talks to appropriately sized rooms. Thank you!



No results for "#reactcompiler"

๐—ฅ๐—ฒ๐—ฎ๐—ฐ๐˜ ๐—–๐—ผ๐—บ๐—ฝ๐—ถ๐—น๐—ฒ๐—ฟ: ๐—ง๐—ต๐—ฒ ๐—ฆ๐—ฒ๐—ฐ๐—ฟ๐—ฒ๐˜ ๐—ฃ๐—ฒ๐—ฟ๐—ณ๐—ผ๐—ฟ๐—บ๐—ฎ๐—ป๐—ฐ๐—ฒ ๐—•๐—ผ๐—ผ๐˜€๐˜ ๐—ฌ๐—ผ๐˜‚ ๐——๐—ถ๐—ฑ๐—ปโ€™๐˜ ๐—ž๐—ป๐—ผ๐˜„ ๐—ฌ๐—ผ๐˜‚ ๐—ก๐—ฒ๐—ฒ๐—ฑ๐—ฒ๐—ฑ #React #ReactCompiler #Devace #FrontendPerformance #WebDev #JavaScript #ReactJS #PerformanceOptimization #CodingTips #CodeSmarter

devacetech's tweet image. ๐—ฅ๐—ฒ๐—ฎ๐—ฐ๐˜ ๐—–๐—ผ๐—บ๐—ฝ๐—ถ๐—น๐—ฒ๐—ฟ: ๐—ง๐—ต๐—ฒ ๐—ฆ๐—ฒ๐—ฐ๐—ฟ๐—ฒ๐˜ ๐—ฃ๐—ฒ๐—ฟ๐—ณ๐—ผ๐—ฟ๐—บ๐—ฎ๐—ป๐—ฐ๐—ฒ ๐—•๐—ผ๐—ผ๐˜€๐˜ ๐—ฌ๐—ผ๐˜‚ ๐——๐—ถ๐—ฑ๐—ปโ€™๐˜ ๐—ž๐—ป๐—ผ๐˜„ ๐—ฌ๐—ผ๐˜‚ ๐—ก๐—ฒ๐—ฒ๐—ฑ๐—ฒ๐—ฑ
#React #ReactCompiler #Devace #FrontendPerformance #WebDev #JavaScript #ReactJS #PerformanceOptimization #CodingTips #CodeSmarter
devacetech's tweet image. ๐—ฅ๐—ฒ๐—ฎ๐—ฐ๐˜ ๐—–๐—ผ๐—บ๐—ฝ๐—ถ๐—น๐—ฒ๐—ฟ: ๐—ง๐—ต๐—ฒ ๐—ฆ๐—ฒ๐—ฐ๐—ฟ๐—ฒ๐˜ ๐—ฃ๐—ฒ๐—ฟ๐—ณ๐—ผ๐—ฟ๐—บ๐—ฎ๐—ป๐—ฐ๐—ฒ ๐—•๐—ผ๐—ผ๐˜€๐˜ ๐—ฌ๐—ผ๐˜‚ ๐——๐—ถ๐—ฑ๐—ปโ€™๐˜ ๐—ž๐—ป๐—ผ๐˜„ ๐—ฌ๐—ผ๐˜‚ ๐—ก๐—ฒ๐—ฒ๐—ฑ๐—ฒ๐—ฑ
#React #ReactCompiler #Devace #FrontendPerformance #WebDev #JavaScript #ReactJS #PerformanceOptimization #CodingTips #CodeSmarter
devacetech's tweet image. ๐—ฅ๐—ฒ๐—ฎ๐—ฐ๐˜ ๐—–๐—ผ๐—บ๐—ฝ๐—ถ๐—น๐—ฒ๐—ฟ: ๐—ง๐—ต๐—ฒ ๐—ฆ๐—ฒ๐—ฐ๐—ฟ๐—ฒ๐˜ ๐—ฃ๐—ฒ๐—ฟ๐—ณ๐—ผ๐—ฟ๐—บ๐—ฎ๐—ป๐—ฐ๐—ฒ ๐—•๐—ผ๐—ผ๐˜€๐˜ ๐—ฌ๐—ผ๐˜‚ ๐——๐—ถ๐—ฑ๐—ปโ€™๐˜ ๐—ž๐—ป๐—ผ๐˜„ ๐—ฌ๐—ผ๐˜‚ ๐—ก๐—ฒ๐—ฒ๐—ฑ๐—ฒ๐—ฑ
#React #ReactCompiler #Devace #FrontendPerformance #WebDev #JavaScript #ReactJS #PerformanceOptimization #CodingTips #CodeSmarter
devacetech's tweet image. ๐—ฅ๐—ฒ๐—ฎ๐—ฐ๐˜ ๐—–๐—ผ๐—บ๐—ฝ๐—ถ๐—น๐—ฒ๐—ฟ: ๐—ง๐—ต๐—ฒ ๐—ฆ๐—ฒ๐—ฐ๐—ฟ๐—ฒ๐˜ ๐—ฃ๐—ฒ๐—ฟ๐—ณ๐—ผ๐—ฟ๐—บ๐—ฎ๐—ป๐—ฐ๐—ฒ ๐—•๐—ผ๐—ผ๐˜€๐˜ ๐—ฌ๐—ผ๐˜‚ ๐——๐—ถ๐—ฑ๐—ปโ€™๐˜ ๐—ž๐—ป๐—ผ๐˜„ ๐—ฌ๐—ผ๐˜‚ ๐—ก๐—ฒ๐—ฒ๐—ฑ๐—ฒ๐—ฑ
#React #ReactCompiler #Devace #FrontendPerformance #WebDev #JavaScript #ReactJS #PerformanceOptimization #CodingTips #CodeSmarter

React and React Native devs, listen up! ๐Ÿ‘‚ If you're using React Compiler, please do NOT combine it with memo(...). You're just doing double work, as the parent component will always check passed props. Let the compiler do its job! #React #ReactNative #ReactCompiler

tell_me_mur's tweet image. React and React Native devs, listen up! ๐Ÿ‘‚ If you're using React Compiler, please do NOT combine it with memo(...). 

You're just doing double work, as the parent component will always check passed props. Let the compiler do its job! 

#React #ReactNative #ReactCompiler

I spoke about #ReactCompiler, what it does and what you need to optimize next, explaining how react rerenders components and more, will share recording once ready

Med7atDawoud's tweet image. I spoke about #ReactCompiler, what it does and what you need to optimize next, explaining how react rerenders components and more, will share recording once ready

Flying today to Casablanca ๐Ÿ‡ฒ๐Ÿ‡ฆ to speak at React Africa tomorrow about: โ€œWhat You need to Optimize after React Compilerโ€ โš ๏ธI will spam you with tweets about Morocco and the conference in the next few days so stay tuned #ReactAfrica #ReactCompiler #webperf

Med7atDawoud's tweet image. Flying today to Casablanca ๐Ÿ‡ฒ๐Ÿ‡ฆ to speak at React Africa tomorrow about:

โ€œWhat You need to Optimize after React Compilerโ€

โš ๏ธI will spam you with tweets about Morocco and the conference in the next few days so stay tuned

#ReactAfrica #ReactCompiler #webperf
Med7atDawoud's tweet image. Flying today to Casablanca ๐Ÿ‡ฒ๐Ÿ‡ฆ to speak at React Africa tomorrow about:

โ€œWhat You need to Optimize after React Compilerโ€

โš ๏ธI will spam you with tweets about Morocco and the conference in the next few days so stay tuned

#ReactAfrica #ReactCompiler #webperf

๐Ÿšจ #ReactJS devs: with the new React Compiler, naming matters! If your custom hook returns a ref, add a Ref suffix: const myRef = useMyHook() โœ… const myVal = useMyHook()โŒ Without it, the compiler assumes .current access โ€” breaks memoization! #ReactCompiler #reactnative

tell_me_mur's tweet image. ๐Ÿšจ #ReactJS devs: with the new React Compiler, naming matters!

If your custom hook returns a ref, add a Ref suffix:

const myRef = useMyHook() โœ…
const myVal = useMyHook()โŒ

Without it, the compiler assumes .current access โ€” breaks memoization!

 #ReactCompiler #reactnative
tell_me_mur's tweet image. ๐Ÿšจ #ReactJS devs: with the new React Compiler, naming matters!

If your custom hook returns a ref, add a Ref suffix:

const myRef = useMyHook() โœ…
const myVal = useMyHook()โŒ

Without it, the compiler assumes .current access โ€” breaks memoization!

 #ReactCompiler #reactnative

Clap de fin pour le #DevfestNantes2024 ! ๐ŸŽฌ Merci ร  notre super MC @MathieuMure et ร  toutes les personnes qui sont venues nous รฉcouter parler #ReactCompiler avec @Slocalyy ๐Ÿ™Œ๐Ÿผ Merci ร  toute lโ€™orga du @devfestnantes pour ce superbe รฉvรฉnement, et j'espรจre ร  lโ€™annรฉe prochaine ๐Ÿ’™

CruuzAzul's tweet image. Clap de fin pour le #DevfestNantes2024 ! ๐ŸŽฌ

Merci ร  notre super MC @MathieuMure et ร  toutes les personnes qui sont venues nous รฉcouter parler #ReactCompiler avec @Slocalyy ๐Ÿ™Œ๐Ÿผ

Merci ร  toute lโ€™orga du @devfestnantes pour ce superbe รฉvรฉnement, et j'espรจre ร  lโ€™annรฉe prochaine ๐Ÿ’™

La semaine derniรจre, j'รฉtais au @devfestnantes ๐Ÿ˜ฑ J'ai eu le plaisir d'y donner un talk sur le tout nouveau #ReactCompiler avec mon compรจre de toujours @CruuzAzul ๐Ÿš€ Un รฉnorme merci ร  tous les gens qui nous ont fait leurs retours, je suis trรจs heureux que le talk vous ai plu ๐Ÿ’œ

Slocalyy's tweet image. La semaine derniรจre, j'รฉtais au @devfestnantes ๐Ÿ˜ฑ

J'ai eu le plaisir d'y donner un talk sur le tout nouveau #ReactCompiler avec mon compรจre de toujours @CruuzAzul ๐Ÿš€

Un รฉnorme merci ร  tous les gens qui nous ont fait leurs retours, je suis trรจs heureux que le talk vous ai plu ๐Ÿ’œ
Slocalyy's tweet image. La semaine derniรจre, j'รฉtais au @devfestnantes ๐Ÿ˜ฑ

J'ai eu le plaisir d'y donner un talk sur le tout nouveau #ReactCompiler avec mon compรจre de toujours @CruuzAzul ๐Ÿš€

Un รฉnorme merci ร  tous les gens qui nous ont fait leurs retours, je suis trรจs heureux que le talk vous ai plu ๐Ÿ’œ

@reactjs just dropped a compiler bomb! The new React Compiler promises to supercharge your app's performance without you writing a single line of optimization code. Let's break it down! โš›๏ธ Ref:react.dev/learn/react-coโ€ฆ #React #ReactCompiler #WebDev 1/n ๐Ÿงต

M_Srishty's tweet image. @reactjs just dropped a compiler bomb!   The new React Compiler promises to supercharge your app's performance without you writing a single line of optimization code. Let's break it down!  โš›๏ธ

Ref:react.dev/learn/react-coโ€ฆ
#React #ReactCompiler #WebDev 
1/n ๐Ÿงต

2/5๐Ÿ”ฅ React Compiler Release Candidate The React Compiler is officially in RC! ๐ŸŽ‰ It's designed to automatically optimize your React code. Plus, SWC collaboration brings experimental support. ๐Ÿš€ Exciting times ahead for React developers! #React #ReactCompiler

greatfrontend's tweet image. 2/5๐Ÿ”ฅ React Compiler Release Candidate
The React Compiler is officially in RC! ๐ŸŽ‰ It's designed to automatically optimize your React code. Plus, SWC collaboration brings experimental support. ๐Ÿš€ Exciting times ahead for React developers!

#React #ReactCompiler

I found an interesting bug with #ReactCompiler when accessing the function from the props object using dot notation and calling it => broke memoization. Because the compiler checks all props object if ($[0] !== props) { but should if ($[0] !== props.reportBug) {

dimaMachina_'s tweet image. I found an interesting bug with #ReactCompiler when accessing the function from the props object using dot notation and calling it => broke memoization.
Because the compiler checks all props object

if ($[0] !== props) {

but should

if ($[0] !== props.reportBug) {

Pour la troisiรจme annรฉe consรฉcutive, rendez-vous ร  Touraine Tech les 6 et 7 fรฉvrier prochains pour parler @reactjs et surtout #ReactCompiler avec @Slocalyy ๐Ÿค– Encore merci aux orgas de @tourainetech ๐Ÿซถ๐Ÿผ

CruuzAzul's tweet image. Pour la troisiรจme annรฉe consรฉcutive, rendez-vous ร  Touraine Tech les 6 et 7 fรฉvrier prochains pour parler @reactjs et surtout #ReactCompiler avec @Slocalyy ๐Ÿค– Encore merci aux orgas de @tourainetech ๐Ÿซถ๐Ÿผ

Great work #ReactCompiler team! 2 hours after my previous tweet, you already submitted PR with a fix ๐Ÿ˜ I have another issue: The following code is not optimized, and eslint-plugin-react-compiler doesn't report any errors too, changing 0 to '0' string, makes the compiler work!

dimaMachina_'s tweet image. Great work #ReactCompiler team! 2 hours after my previous tweet, you already submitted PR with a fix ๐Ÿ˜
I have another issue:

The following code is not optimized, and eslint-plugin-react-compiler doesn't report any errors too, changing 0  to '0' string, makes the compiler work!

Last week I updated I enabled #reactcompiler in 7 #nextjs apps and removed all useMemo hooks. It all just worked. Even components that would become really slow earlier before I used useMemo. It cleans up the code a lot.

Leejjon_net's tweet image. Last week I updated I enabled #reactcompiler in 7 #nextjs apps and removed all useMemo hooks. It all just worked. Even components that would become really slow earlier before I used useMemo. It cleans up the code a lot.

React Compiler is open source! ๐Ÿš€ Optimize your React apps for speed & cleaner code. Early days, but huge potential! #ReactCompiler #OpenSource #foryou #fyp #foryoupage Read More Here tinyurl.com/mryyu4m3

TheMGHSServices's tweet image. React Compiler is open source! ๐Ÿš€ Optimize your React apps for speed & cleaner code. Early days, but huge potential! #ReactCompiler #OpenSource #foryou #fyp #foryoupage

Read More Here 
tinyurl.com/mryyu4m3

Loading...

Something went wrong.


Something went wrong.


United States Trends