Sign in

lauren

@no.lol
4.3K followers 159 following 146 posts

▼・ᴥ・▼ working on React Compiler. formerly known as [@]potetotes on the cursed place

PostsRepliesMedia
lauren @no.lol · 21/07/2025
yeah, it's an optimizing source to source compiler ("transpiler") if you want to be precise. you write unmemoized React code in JS, and you get back JS code that runs faster in the React runtime.
010
lauren @no.lol · 21/07/2025
thanks for all the feedback previously! just landed it: bsky.app/profile/no.l... if you have more feedback, please let me know and I'll take a look
020
lauren @no.lol · 21/07/2025
thanks Dan! just landed it: bsky.app/profile/no.l...
090
lauren @no.lol · 21/07/2025
thanks Naman! just landed it: bsky.app/profile/no.l...
010
lauren @no.lol · 21/07/2025
If you have more feedback on the docs, please share it here in this thread and I'll take a look!
120
lauren @no.lol · 21/07/2025
And we now also have a dedicated section for Library authors on how to use React Compiler to ship pre-optimized code to your users. react.dev/reference/re...
react.dev
Compiling Libraries – React
The library for web and native user interfaces
110
lauren @no.lol · 21/07/2025
We've also documented how to use the "use memo" and "use no memo" directives to opt-in or out components/hooks from React Compiler. In rare cases where your app breaks after being compiled, these directives help you move forward. react.dev/reference/re...
react.dev
Directives – React
The library for web and native user interfaces
120
lauren @no.lol · 21/07/2025
React Compiler is designed to work best with the default settings (no configuration!), but if you have a special need, we now have them documented. react.dev/reference/re...
react.dev
Configuration – React
The library for web and native user interfaces
110
lauren @no.lol · 21/07/2025
the new Learn pages for React Compiler are now better organized, and have new sections on incremental adoption and debugging. react.dev/learn/react-...
react.dev
React Compiler – React
The library for web and native user interfaces
120
lauren @no.lol · 21/07/2025
new React Compiler docs have landed! thank you everyone for the feedback. react.dev/learn/react-...
screenshot of new React Compiler docs.  you can see the actual docs here: https://react.dev/learn/react-compiler
415425
lauren @no.lol · 17/07/2025
fair point! i can add a link to the blog post at least
000
lauren @no.lol · 17/07/2025
lol yeah it was intentional to subtly show how easy it is to get wrong. I agree though on slimming the code example down to more clearly make the point. Thanks for the feedback!
000
lauren @no.lol · 17/07/2025
glad it was useful! I wrote about the other integrations here: react-dev-git-pr7868-fbopensource.vercel.app/learn/react-...
react-dev-git-pr7868-fbopensource.vercel.app
Introduction – React
The library for web and native user interfaces
021
lauren @no.lol · 17/07/2025
so overall the performance improvements outweighed any regressions from having a slightly bigger bundle.
120
lauren @no.lol · 17/07/2025
What we've generally found is that the bundle-size increase is quite small after gzip. We also saw that it wasn't just re-renders that got faster but also initial load, as often times components have to render multiple times even on the very first page load in order to fully settle.
120
lauren @no.lol · 17/07/2025
we shared some numbers previously: react.dev/blog/2024/10... I'm not sure if we want to put this in the docs as I don't want to make any claims about how much the compiler can improve your app. It's really going to vary based on how your app was built and where your performance bottlenecks are.
react.dev
React Compiler Beta Release – React
The library for web and native user interfaces
100
lauren @no.lol · 17/07/2025
@ayc0.github.io I added a bullet to the React.memo reference: react-dev-git-pr7868-fbopensource.vercel.app/reference/re... does this help?
react-dev-git-pr7868-fbopensource.vercel.app
memo – React
The library for web and native user interfaces
140
lauren @no.lol · 17/07/2025
thanks for sharing! let me think about how to best explain this in the docs.
110
lauren @no.lol · 17/07/2025
"use {no} forget" still works for now, but "use {no} memo" is what we wanted to go with in the long term since "Forget" is more of an internal codename for the compiler
210
lauren @no.lol · 16/07/2025
i've started on a rewrite of the React Compiler docs thanks to the feedback from this thread: bsky.app/profile/nmn.... i want to make our compiler docs really great before the stable release, so i would love to hear more feedback! github.com/reactjs/reac...
github.com
[compiler] Rewrite React Compiler Docs by poteto · Pull Request #7868 · reactjs/react.dev
We've received feedback that the compiler docs are difficult to understand and not prominent enough that people don't realize the compiler is a serious project and is near stable. This PR r...
4498
lauren @no.lol · 16/07/2025
@rossipedia.com @danabra.mov i took into account all the comments in the thread in a rewrite: github.com/reactjs/reac... would love to hear your thoughts on the PR and if there's anything else we can add to make the docs better!
github.com
[compiler] Rewrite React Compiler Docs by poteto · Pull Request #7868 · reactjs/react.dev
We've received feedback that the compiler docs are difficult to understand and not prominent enough that people don't realize the compiler is a serious project and is near stable. This PR r...
1103
lauren @no.lol · 16/07/2025
thanks for the feedback! i took into account all the comments in the thread in a rewrite: github.com/reactjs/reac... would love to hear your thoughts on the PR and if there's anything else we can add to make the docs better.
github.com
[compiler] Rewrite React Compiler Docs by poteto · Pull Request #7868 · reactjs/react.dev
We've received feedback that the compiler docs are difficult to understand and not prominent enough that people don't realize the compiler is a serious project and is near stable. This PR r...
110
lauren @no.lol · 10/06/2025
thanks for the feedback! our goal with configuring the compiler is that ideally, you shouldn't need to. that's why we downplayed the config options a lot in the docs, but i can see how that's unclear and makes it look like we don't care. i'll send some PRs to fix this!
1110
lauren @no.lol · 03/06/2025
yeah I added a tool that lets the LLM search the React docs directly too, and we're experimenting with some other ideas too to help steer it in a better direction
060
lauren @no.lol · 27/05/2025
not yet, but if you clone the repo you can build and try it locally via yarn dev github.com/facebook/rea...
github.com
020
lauren @no.lol · 05/05/2025
‘Anki’라는 앱으로 카드를 만들거든요. 한국어 선생님은 italki에서 찾았어요
030
lauren @no.lol · 30/04/2025
Yes, it is based on LSP. However there will be a small number of features that require specific editor support since LSP does not cover some features. For example, if we wanted to show compiler output in a secondary window, that would be VSCode only for now.
050
lauren @no.lol · 22/04/2025
hello we released RC RC
3877
lauren @no.lol · 10/04/2025
update:
1111
lauren @no.lol · 07/03/2025
this weekend marks 5 years I've spent at Meta. the longest I've been in one co. it's been long enough that i am getting pretty curious about what else might be out there. mission-driven teams with high agency, great people, no bureaucracy, extreme clarity. does this exist 👀
3330
lauren @no.lol · 28/02/2025
yup, that’s the plan for 6.0.0
030
lauren @no.lol · 28/02/2025
5.2.0 is now published
080
lauren @no.lol · 28/02/2025
Just published eslint-plugin-react-hooks@5.2.0-rc.1, which includes support for ESLint's new flat config, and the plugin is now completely written in TypeScript. Huge thanks to @michael.faith for working on this! Let me know if there are issues. www.npmjs.com/package/esli...
npmjs.com
eslint-plugin-react-hooks
ESLint rules for React Hooks. Latest version: 5.1.0, last published: 3 months ago. Start using eslint-plugin-react-hooks in your project by running `npm i eslint-plugin-react-hooks`. There are 10085 o...
2729
lauren @no.lol · 06/12/2024
got our picture drawn by www.instagram.com/uncles_paint...
drawing of me and my husband Matt!
2150
lauren @no.lol · 28/11/2024
쌀쌀하네~
selfie in Seoul
1281
lauren @no.lol · 26/11/2024
I think this was more an oversight, it works if you do ref === null
220
lauren @no.lol · 21/11/2024
i couldn't make a starter pack with 4 people, but here's a list of the folks working on React Compiler! please give them a follow bsky.app/profile/did:...
0261
lauren @no.lol · 19/11/2024
I think it only counts repos owned by you
120
lauren @no.lol · 19/11/2024
Haha i think that means how many people forked your repos. Most of my stars and forks comes from this one markdown file repo 🤣 github.com/poteto/hirin...
github.com
GitHub - poteto/hiring-without-whiteboards: ⭐️ Companies that don't have a broken hiring process
⭐️ Companies that don't have a broken hiring process - poteto/hiring-without-whiteboards
120
lauren @no.lol · 19/11/2024
i personally think this is an unfair characterization. i read that comment not as looking to invalidate anyone. it was about being better for the oss community not to bifurcate tooling for react
130
lauren @no.lol · 19/11/2024
not sure if you’re referring to this, but to be fair though react-scan could’ve been a PR to react, which would then be available on all platforms react runs on. i think that was the context, not that you shouldn’t be trying to innovate and try new things!
150
lauren @no.lol · 18/11/2024
if www.bluesky.com signs up with their domain it would be the funniest thing ever
bluesky.com
Blue Sky | 2025 Daily, Weekly, and Monthly Planners
The Blue Sky planner is the solution to your planning needs. Select from our assortment of 2025 daily, weekly, and monthly planners for the new year!
2161
lauren @no.lol · 18/11/2024
*cries in jpg*
150
lauren @no.lol · 18/11/2024
it is a good day to ship (via gitreceipt.vercel.app)
stats from my github, via https://gitreceipt.vercel.app/

it says:

GITHUB RECEIPT
MONDAY, NOVEMBER 18, 2024

ORDER #3003

CUSTOMER: lauren

@poteto

REPOSITORIES	73
STARS EARNED	48899
REPO FORKS	4074
FOLLOWERS	5819
FOLLOWING	10
TOP LANGUAGES:

JavaScript, TypeScript, Elixir

MOST ACTIVE DAY:
Monday
COMMITS (30d):
140
CONTRIBUTION SCORE:
115255
Served by: Dennis Ritchie

3:34:01 PM

COUPON CODE: F8K6KC

Save for your next commit!

CARD #: **** **** **** 2024

AUTH CODE: 20186

CARDHOLDER: POTETO

THANK YOU FOR CODING!

github.com/poteto
4321
lauren @no.lol · 15/11/2024
Donald Trump announces that Guy Fieri will lead the Department of JavaScript
trumpguy fieri
1253
Reposted by lauren
React @react.dev · 14/11/2024
react@19.0.0-rc1 is out today with a replacement for sibling pre-rendering. Give it a try and maybe we can ship React 19 soon? github.com/facebook/rea...
github.com
[React 19] Disabling prerendering siblings of suspended components breaking common pattern · Issue #29898 · facebook/react
Summary I'm creating this issue to continue the discussion that spawned in the already merged PR (#26380) Several community members have raised concerns about this change and it has gained traction...
1662464
lauren @no.lol · 14/11/2024
now that @zmofei.bsky.social is here, all thanks goes to her for this work!
000
lauren @no.lol · 14/11/2024
oh interesting! if you manage to isolate to a repro, please open an issue
100
lauren @no.lol · 13/11/2024
@danabra.mov this was fixed by github.com/facebook/rea... and available in 19.0.0-beta-a7bf2bd-20241110 onwards
github.com
[compiler] Delete propagateScopeDeps (non-hir) by mofeiZ · Pull Request #31199 · facebook/react
enablePropagateScopeDepsHIR is now used extensively in Meta. This has been tested for over two weeks in our e2e tests and production. The rest of this stack deletes LoweredFunction.dependencies, wh...
130
lauren @no.lol · 13/11/2024
very cool! if you get the time to, i'd really appreciate if you could share your experience on adopting the compiler in the working group forum github.com/reactwg/reac...
github.com
reactwg react-compiler Case Studies · Discussions
Explore the GitHub Discussions forum for reactwg react-compiler in the Case Studies category.
000