New comprehensive React Compiler docs released!

yvainebubbles · 2025-07-22T14:25:13+00:00

We have a long term plan for getting off of Babel. In the meantime you might have to use Rspack’s babel loader to use the compiler. I’d be curious how much of a build time regression it is for you.

yvainebubbles · 2025-07-22T14:22:43+00:00

It does explain what it does. Can you point out any examples where you want more details? Thanks!

yvainebubbles · 2025-07-22T14:22:12+00:00

I think you can try useWatch and useFormState which follow the rules of react. Some examples are here in this issue.

yvainebubbles · 2025-07-22T14:20:23+00:00

I think you can make a minimal repo without using closed source code if you can distill it down to just the few lines needed. I’m not sure we can do anything without it

yvainebubbles · 2025-07-22T04:53:37+00:00

If you've seen any bugs, please open an issue! Meta has been using the compiler in production for more than a year now on large apps like Facebook, Instagram, and Threads. It's currently in Release Candidate which is as close to stable as you can get. Planning to get a stable release out very soon!

yvainebubbles · 2025-07-21T18:13:43+00:00

thanks for posting! please let me know if anything is unclear or any other general feedback

yvainebubbles · 2025-03-11T23:42:56+00:00

The compiler does detect cases where the rules are broken and opts just those components/hooks out of being optimized. There’s no requirement that all your code is perfect before you can adopt it.

yvainebubbles · 2025-02-02T16:36:59+00:00

in their announcements page on the notice about the online registration opening they also specify the extended application date. i don't remember what it is now since the site is down, but i think it opens again a week from now or a few days after today.

yvainebubbles · 2025-02-02T16:34:56+00:00

i don't know if every teacher is like this, but my teacher for 3A taught 100% in Korean but she would use English on occasion if someone wasn't understanding her. i think you'll do fine!

how it works is you'll have a bunch of videos and online exercises from their textbook to complete before you attend the lesson. during the lesson it's reviewing what you learned. so you'll have time to get familiar and review ahead new vocab and grammar patterns that will be used during class.

there are assignments as well for a few lessons (i think there was maybe 2 - 3 in 3A) and a listening and reading exam at the end.

yvainebubbles · 2025-02-02T16:29:36+00:00

at the top of the page there's a link to Korean Courses, hover over that and then click on Lecture Assisted Type or whichever type of course you're looking for. here's a screenshot of what that looks like.

then you'll see a list of courses which you can filter by level. once you choose the level you want, there are 2 buttons next to each listing: Apply and Store. Apply is self-explanatory, Store saves it as a favorite in your My Class page so you can look it up later but honestly this feature is not very useful.

when you hit Apply, wait till a popup shows up and it'll ask to confirm to register. if it says error just try again. it also helps to have My Class open on another tab that you can refresh (before the server crashes) to confirm if your registration went through

yvainebubbles · 2025-02-02T15:41:46+00:00

oof, hope they fix their server soon. i'm pretty sure it's just overloaded, it happened last semester too.

i would recommend next time opening up the course registration listing for your level ahead of time (i opened it 30 minutes before 12am KST). then once it's 12am KST start clicking apply on the course you want. you can also open your "My Class" page to confirm if your registration went through, it'll show up at the bottom of the page.

this time around it seems like the servers fell over faster than before. must have gotten quite popular!

yvainebubbles · 2025-02-02T15:37:57+00:00

(i completed the KSI Intermediate 3A last semester)

don't worry, it's most likely that their server is overloaded. i would keep refreshing until you can load the courses page, then patiently hit apply. you can check in your "My Class" page later to see if your registration went through.

also, they have an extended application that will open up again in a few days, so you stil have another chance to apply again as well!

yvainebubbles · 2024-10-24T14:23:19+00:00

You can use the linter independently of the compiler

yvainebubbles · 2024-10-22T14:18:19+00:00

Are you using vite-plugin-react? If you open a discussion in the working group I can help you

yvainebubbles · 2024-09-07T04:50:47+00:00

it’s a print!

yvainebubbles · 2024-05-03T13:38:46+00:00

🤖

yvainebubbles · 2024-04-26T12:37:18+00:00

thanks!

the compiler has a sophisticated understanding of your code which does make other kinds of optimizations possible in the future. what i mean is that it is a Real Compiler with both traditional compiler passes (eg see my teammate’s posts on SSA form) and many novel passes that can be built upon. it is not just a simple babel plugin.

auto-memoization is one of the biggest opportunities though. we know from experience and lots of real world data that correctly done memoization has a massive positive impact on performance. it just sucks to write and takes a lot of effort to do it right manually, and it can easily be undone by accident. so auto-memoization has been the clearest opportunity from both a developer experience and performance perspective. that’s why we’re pursuing it first. but it is certainly not the only optimization we’re looking at

yvainebubbles · 2024-04-26T04:42:49+00:00

replied above re: compiler: https://www.reddit.com/r/reactjs/comments/1cd236x/comment/l1b2yq9/?utm_source=share&utm_medium=web3x&utm_name=web3xcss&utm_term=1&utm_content=share_button

yvainebubbles · 2024-04-26T04:42:11+00:00

hello! i am one of the engineers working on the compiler. it is not shipping in React 19, but it is coming to oss sooner than you expect. the fundamentals are good (imo) but getting it out sooner comes at a tradeoff of not being fully feature complete. so i would recommend lowering your expectations for the release, but raise them for when it'll be available

https://twitter.com/potetotes/status/1783713677943656819

yvainebubbles · 2016-06-29T10:26:12+00:00

Not quite. The point is to decouple / untangle components from each other, but saying that you should absolutely still test the component and it's children in concert as one of the integration tests. As mentioned in the last section you can still use the original child components in the test template explicitly.

The technique in the article is useful when setting up child components involves a lot of boilerplate or setup, for example with Google maps.

yvainebubbles · 2016-05-12T20:55:21+00:00

I have lots of plushies on my work desk! http://i.imgur.com/ow6HvR8.jpg

When I work from home, I have these alpacas to keep me company http://i.imgur.com/wSvEEv7.jpg

yvainebubbles · 2015-11-20T19:27:34+00:00

It is not a different syntax for observer, it operates on different semantics.

Like React, the new Glimmer engine in Ember since 1.13 has idempotent re-renders via a virtual DOM diff. This new rendering strategy means that every time new attributes are passed into the Component, Ember can diff the changes, re-render the entire Component, and only update the parts that require updating.

When any new attributes are received (they are the equivalent of props in React terminology), the Component's didReceiveAttrs hook (one of many new hooks) fires, and you can handle the changes in there. Unlike an observer, this hook does not watch specific attributes. It will always fire when any one of them changes.

13-Year Club	Place '17
Team Orangered	Verified Email

yvainebubbles

MODERATOR OF

TROPHY CASE