Skip to content

Add react compiler#59533

Merged
bbovenzi merged 2 commits intoapache:mainfrom
astronomer:react-compiler
Jan 9, 2026
Merged

Add react compiler#59533
bbovenzi merged 2 commits intoapache:mainfrom
astronomer:react-compiler

Conversation

@bbovenzi
Copy link
Copy Markdown
Contributor

With React 19 having stable React Compiler support we can switch to it and remove all of our own manual useMemo and useCallback code.


^ Add meaningful description above
Read the Pull Request Guidelines for more information.
In case of fundamental code changes, an Airflow Improvement Proposal (AIP) is needed.
In case of a new dependency, check compliance with the ASF 3rd Party License Policy.
In case of backwards incompatible changes please leave a note in a newsfragment file, named {pr_number}.significant.rst or {issue_number}.significant.rst, in airflow-core/newsfragments.

@boring-cyborg boring-cyborg bot added the area:UI Related to UI/UX. For Frontend Developers. label Dec 16, 2025
Copy link
Copy Markdown
Member

@pierrejeambrun pierrejeambrun left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Nice, looks super promising!

@potiuk
Copy link
Copy Markdown
Member

potiuk commented Dec 17, 2025

As long as it's not React Server Components, I am fine 🤣

@bbovenzi
Copy link
Copy Markdown
Contributor Author

On a big grid view "Interaction to Next Paint" went from 456ms to 168ms. So looks like the automatic caching is better than our manual efforts!

@aaron-wolmutt
Copy link
Copy Markdown
Contributor

Excited to see this and about the performance optimization.

@bbovenzi bbovenzi marked this pull request as ready for review January 6, 2026 20:53
Copy link
Copy Markdown
Member

@pierrejeambrun pierrejeambrun left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Super cool 🎉

Copy link
Copy Markdown
Member

@pierrejeambrun pierrejeambrun left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

LGTM, thanks

@bbovenzi
Copy link
Copy Markdown
Contributor Author

bbovenzi commented Jan 8, 2026

Going to merge this after #60241 to make cherry picking and rebasing easier

@bbovenzi bbovenzi added this to the Airflow 3.2.0 milestone Jan 8, 2026
@bbovenzi bbovenzi requested a review from choo121600 as a code owner January 8, 2026 20:23
@bbovenzi
Copy link
Copy Markdown
Contributor Author

bbovenzi commented Jan 8, 2026

Just rebased with the virtualization PR. grid view performance seems to hold even without any manual effort!

@bbovenzi bbovenzi removed this from the Airflow 3.2.0 milestone Jan 8, 2026
@bbovenzi bbovenzi added this to the Airflow 3.1.7 milestone Jan 9, 2026
Rebase and fix linting

Restore necessary memoization

Fix daterangefilter test

Add hooks/todo linting
@bbovenzi bbovenzi merged commit d026685 into apache:main Jan 9, 2026
128 checks passed
@bbovenzi bbovenzi deleted the react-compiler branch January 9, 2026 19:28
@github-actions
Copy link
Copy Markdown

github-actions bot commented Jan 9, 2026

Backport failed to create: v3-1-test. View the failure log Run details

Status Branch Result
v3-1-test Commit Link

You can attempt to backport this manually by running:

cherry_picker d026685 v3-1-test

This should apply the commit to the v3-1-test branch and leave the commit in conflict state marking
the files that need manual conflict resolution.

After you have resolved the conflicts, you can continue the backport process by running:

cherry_picker --continue

OscarLigthart pushed a commit to OscarLigthart/airflow that referenced this pull request Jan 9, 2026
* Add react compiler

Rebase and fix linting

Restore necessary memoization

Fix daterangefilter test

Add hooks/todo linting

* Remove memos and callbacks from Grid
@pierrejeambrun
Copy link
Copy Markdown
Member

Needs manual backport I believe if we want that in 3.1.7

@bbovenzi
Copy link
Copy Markdown
Contributor Author

Yeah, I am working on a manual backport. Its not necessarily needed for 3.1.7. But it will make other backports much easier

@bbovenzi
Copy link
Copy Markdown
Contributor Author

Let's leave this for 3.2 actually. We didn't backport React 19 either. So its a larger surface area than I want to mess with for now

jason810496 pushed a commit to jason810496/airflow that referenced this pull request Jan 22, 2026
* Add react compiler

Rebase and fix linting

Restore necessary memoization

Fix daterangefilter test

Add hooks/todo linting

* Remove memos and callbacks from Grid
jhgoebbert pushed a commit to jhgoebbert/airflow_Owen-CH-Leung that referenced this pull request Feb 8, 2026
* Add react compiler

Rebase and fix linting

Restore necessary memoization

Fix daterangefilter test

Add hooks/todo linting

* Remove memos and callbacks from Grid
choo121600 pushed a commit to choo121600/airflow that referenced this pull request Feb 22, 2026
* Add react compiler

Rebase and fix linting

Restore necessary memoization

Fix daterangefilter test

Add hooks/todo linting

* Remove memos and callbacks from Grid
Subham-KRLX pushed a commit to Subham-KRLX/airflow that referenced this pull request Mar 4, 2026
* Add react compiler

Rebase and fix linting

Restore necessary memoization

Fix daterangefilter test

Add hooks/todo linting

* Remove memos and callbacks from Grid
Ankurdeewan pushed a commit to Ankurdeewan/airflow that referenced this pull request Mar 15, 2026
* Add react compiler

Rebase and fix linting

Restore necessary memoization

Fix daterangefilter test

Add hooks/todo linting

* Remove memos and callbacks from Grid
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

area:UI Related to UI/UX. For Frontend Developers.

Projects

None yet

Development

Successfully merging this pull request may close these issues.

5 participants