You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: src/content/blog/2025/04/01/react-labs-what-we-have-been-working-on-april-2025.md
+17-9Lines changed: 17 additions & 9 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -5,13 +5,13 @@ date: 2025/04/01
5
5
description: TODO
6
6
---
7
7
8
-
April 1, 2025 by [Ricky Hanlon](https://twitter.com/rickhanlonii), Lauren Tan, Mofei Zhang, Jordan Eldredge, Jack Pope, Matt Carroll
8
+
April 1, 2025 by [Ricky Hanlon](https://twitter.com/rickhanlonii), and [Matt Carroll](https://twitter.com/mattcarrollcode).
9
9
10
10
---
11
11
12
12
<Intro>
13
13
14
-
In React Labs posts we write about projects in active research and development. We’ve made significant progress since [React Conf](/blog/2024/05/22/react-conf-2024-recap), including releasing [React 19](/blog/2024/12/05/react-19) and the [React Compiler beta](/blog/2024/10/21/react-compiler-beta-release), and we’d like to share what we’re working on now.
14
+
In React Labs posts we write about projects in active research and development. In this post, we're sharing two new experimental features that are ready to try today, and updates on other areas we're working on now.
15
15
16
16
</Intro>
17
17
@@ -33,13 +33,11 @@ Today, we're excited to release docs for three new experimental features ready f
33
33
34
34
We're also sharing updates on new features currently in development:
@@ -12883,18 +12883,20 @@ There are a few known issues we plan to address such as performance, and the sch
12883
12883
12884
12884
Once we solve those issues, we'll publish experimental docs and share that it's ready to try.
12885
12885
12886
+
---
12886
12887
12888
+
## Compiler IDE Extension {/*compiler-ide-extension*/}
12887
12889
12888
-
## Compiler IDE Extension {/*ide-extension*/}
12889
-
12890
-
This week [we shared](/TODO) the React Compiler release candidate, and we're working towards shipping the first semver stable version of the compiler in the coming months.
12890
+
Earlier this week [we shared](/blog/2025/04/21/react-compiler-rc) the React Compiler release candidate, and we're working towards shipping the first semver stable version of the compiler in the coming months.
12891
12891
12892
12892
We've also begun exploring ways to use the React Compiler to provide information that can improve understanding and debugging your code. One idea we've started exploring is a new experimental LSP-based React IDE extension powered by React Compiler, similar to the extension used in [Lauren Tan's React Conf talk](https://conf2024.react.dev/talks/5).
12893
12893
12894
12894
Our idea is that we can use the compiler's static analysis to provide more information, suggestions, and optimization opportunities directly in your IDE. For example, we can provide diagnostics for code breaking the Rules of React, hovers to show if components and hooks were optimized by the compiler, or a CodeLens to see [automatically inserted Effect dependencies](/#automatic-effect-dependencies).
12895
12895
12896
12896
The IDE extension is still an early exploration, but we'll share our progress in future updates.
@@ -12951,6 +12953,8 @@ With this code, the React Compiler can infer the dependecies for you and insert
12951
12953
12952
12954
Our hope is that automatically inserting dependies is not only easier to write, but that it also makes them easier to understand by forcing you to think in terms of what the effect does, and not in component lifecycles.
12953
12955
12956
+
---
12957
+
12954
12958
## Fragment Refs {/*fragment-refs*/}
12955
12959
12956
12960
Many DOM APIs like those for event management, positioning, and focus are difficult to compose when writing with React. This often leads developers to reach for Effects, managing multiple Refs, or APIs like `findDOMNode` (removed in React 19).
@@ -12959,6 +12963,8 @@ We are exploring adding refs to Fragments that would point to a group of DOM ele
12959
12963
12960
12964
Fragment refs are still being researched. We'll share more when we're closer to having the final API finished.
12961
12965
12966
+
---
12967
+
12962
12968
## Gesture Animations {/*gesture-animations*/}
12963
12969
12964
12970
We're also researching ways to enhance View Transitions to support gesture animations such as swiping to open a menu, or scroll through a photo carosel.
@@ -12971,6 +12977,8 @@ Gestures present new challenges for a few reasons:
12971
12977
12972
12978
We have an approach we believe will work well, which may introduce a new API to trigger gesture transitions, but we're currently focused on shipping `<ViewTransition>` and re-visit gestures after it ships.
12973
12979
12980
+
---
12981
+
12974
12982
## Concurrent stores {/*concurrent-stores*/}
12975
12983
12976
12984
When we released React 18 with concurrent rendering, we also released `useSyncExternalStore` so external store libraries that did not use React state or context could [support concurrent rendering](https://github.com/reactwg/react-18/discussions/70) by forcing a sync render when the store is updated.
@@ -12989,4 +12997,4 @@ This research is still early. We'll share more, and what the new APIs will look
12989
12997
12990
12998
---
12991
12999
12992
-
_TODO: Thanks_
13000
+
_TODO: Thanks to [Dan Abramov](https://bsky.app/profile/danabra.mov), [Lauren Tan](https://bsky.app/profile/no.lol), [Jack Pope](https://jackpope.me), [Jason Bonta](https://threads.net/someextent), [Jordan Brown](https://github.com/jbrown215), [Jordan Eldredge](https://bsky.app/profile/capt.dev), and [Mofei Zhang](https://threads.net/z_mofei) for reviewing this post.
Copy file name to clipboardExpand all lines: src/content/blog/index.md
+1-1Lines changed: 1 addition & 1 deletion
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -14,7 +14,7 @@ You can also follow the [@react.dev](https://bsky.app/profile/react.dev) account
14
14
15
15
<BlogCardtitle="React Labs: What We've Been Working On – April 2025"date="April 1, 2025"url="/blog/2025/04/01/react-labs-what-we-have-been-working-on-april-2025">
16
16
17
-
In React Labs posts we write about projects in active research and development. We’ve made significant progress since React Conf, including releasing React 19 and the React Compiler beta, and we’d like to share what we’re working on now.
17
+
In React Labs posts we write about projects in active research and development. In this post, we're sharing two new experimental features that are ready to try today, and sharing other areas we're working on now.
0 commit comments