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/2024/12/05/react-19.md
+1-1
Original file line number
Diff line number
Diff line change
@@ -294,7 +294,7 @@ A component was suspended by an uncached promise. Creating promises inside a Cli
294
294
295
295
</ConsoleBlockMulti>
296
296
297
-
To fix, you need to pass a promise from a suspense powered library or framework that supports caching for promises. In the future we plan to ship features to make it easier to cache promises in render.
297
+
To fix, you need to pass a promise from a Suspense powered library or framework that supports caching for promises. In the future we plan to ship features to make it easier to cache promises in render.
Copy file name to clipboardexpand all lines: src/content/community/team.md
+15-15
Original file line number
Diff line number
Diff line change
@@ -22,10 +22,14 @@ Current members of the React team are listed in alphabetical order below.
22
22
Dan got into programming after he accidentally discovered Visual Basic inside Microsoft PowerPoint. He has found his true calling in turning [Sebastian](#sebastian-markbåge)'s tweets into long-form blog posts. Dan occasionally wins at Fortnite by hiding in a bush until the game ends.
23
23
</TeamMember>
24
24
25
-
<TeamMembername="Eli White"permalink="eli-white"photo="/images/team/eli-white.jpg"github="TheSavior"twitter="Eli_White"threads="elicwhite"title="Engineering Manager at Meta">
25
+
<TeamMembername="Eli White"permalink="eli-white"photo="/images/team/eli-white.jpg"github="elicwhite"twitter="Eli_White"threads="elicwhite"title="Engineering Manager at Meta">
26
26
Eli got into programming after he got suspended from middle school for hacking. He has been working on React and React Native since 2017. He enjoys eating treats, especially ice cream and apple pie. You can find Eli trying quirky activities like parkour, indoor skydiving, and aerial silks.
27
27
</TeamMember>
28
28
29
+
<TeamMembername="Hendrik Liebau"permalink="hendrik-liebau"photo="/images/team/hendrik.jpg"github="unstubbable"bsky="unstubbable.bsky.social"twitter="unstubbable"title="Engineer at Vercel">
30
+
Hendrik’s journey in tech started in the late 90s when he built his first websites with Netscape Communicator. After earning a diploma in computer science and working at digital agencies, he built a React Server Components bundler and library, paving the way to his role on the Next.js team. Outside of work, he enjoys cycling and tinkering in his workshop.
31
+
</TeamMember>
32
+
29
33
<TeamMembername="Jack Pope"permalink="jack-pope"photo="/images/team/jack-pope.jpg"github="jackpope"personal="jackpope.me"title="Engineer at Meta">
30
34
Shortly after being introduced to AutoHotkey, Jack had written scripts to automate everything he could think of. When reaching limitations there, he dove headfirst into web app development and hasn't looked back. Most recently, Jack worked on the web platform at Instagram before moving to React. His favorite programming language is JSX.
31
35
</TeamMember>
@@ -38,6 +42,10 @@ Current members of the React team are listed in alphabetical order below.
38
42
Joe was planning to major in math and philosophy but got into computer science after writing physics simulations in Matlab. Prior to React, he worked on Relay, RSocket.js, and the Skip programming language. While he’s not building some sort of reactive system he enjoys running, studying Japanese, and spending time with his family.
39
43
</TeamMember>
40
44
45
+
<TeamMembername="Jordan Brown"permalink="jordan-brown"photo="/images/team/jordan.jpg"github="jbrown215"title="Engineer at Meta">
46
+
Jordan started coding by building iPhone apps, where he was pushing and popping view controllers before he knew that for-loops were a thing. He enjoys working on technology that developers love, which naturally drew him to React. Outside of work he enjoys reading, kiteboarding, and playing guitar.
47
+
</TeamMember>
48
+
41
49
<TeamMembername="Josh Story"permalink="josh-story"photo="/images/team/josh.jpg"github="gnoff"bsky="storyhb.com"title="Engineer at Vercel">
42
50
Josh majored in Mathematics and discovered programming while in college. His first professional developer job was to program insurance rate calculations in Microsoft Excel, the paragon of Reactive Programming which must be why he now works on React. In between that time Josh has been an IC, Manager, and Executive at a few startups. outside of work he likes to push his limits with cooking.
43
51
</TeamMember>
@@ -46,20 +54,20 @@ Current members of the React team are listed in alphabetical order below.
46
54
Lauren's programming career peaked when she first discovered the `<marquee>` tag. She’s been chasing that high ever since. She studied Finance instead of CS in college, so she learned to code using Excel. Lauren enjoys dropping cheeky memes in chat, playing video games with her partner, learning Korean, and petting her dog Zelda.
47
55
</TeamMember>
48
56
49
-
<TeamMembername="Luna Wei"permalink="luna-wei"photo="/images/team/luna-wei.jpg"github="lunaleaps"twitter="lunaleaps"threads="lunaleaps"title="Engineer at Meta">
50
-
Luna first learnt the fundamentals of python at the age of 6 from her father. Since then, she has been unstoppable. Luna aspires to be a gen z, and the road to success is paved with environmental advocacy, urban gardening and lots of quality time with her Voo-Doo’d (as pictured).
51
-
</TeamMember>
52
-
53
57
<TeamMembername="Matt Carroll"permalink="matt-carroll"photo="/images/team/matt-carroll.png"github="mattcarrollcode"twitter="mattcarrollcode"threads="mattcarrollcode"title="Developer Advocate at Meta">
54
58
Matt stumbled into coding, and since then, has become enamored with creating things in communities that can’t be created alone. Prior to React, he worked on YouTube, the Google Assistant, Fuchsia, and Google Cloud AI and Evernote. When he's not trying to make better developer tools he enjoys the mountains, jazz, and spending time with his family.
55
59
</TeamMember>
56
60
61
+
<TeamMembername="Mike Vitousek"permalink="mike-vitousek"photo="/images/team/mike.jpg"github="mvitousek"title="Engineer at Meta">
62
+
Mike went to grad school dreaming of becoming a professor but realized that he liked building things a lot more than writing grant applications. Mike joined Meta to work on Javascript infrastructure, which ultimately led him to work on the React Compiler. When not hacking on either Javascript or OCaml, Mike can often be found hiking or skiing in the Pacific Northwest.
63
+
</TeamMember>
64
+
57
65
<TeamMembername="Mofei Zhang"permalink="mofei-zhang"photo="/images/team/mofei-zhang.png"github="mofeiZ"threads="z_mofei"title="Engineer at Meta">
58
66
Mofei started programming when she realized it can help her cheat in video games. She focused on operating systems in undergrad / grad school, but now finds herself happily tinkering on React. Outside of work, she enjoys debugging bouldering problems and planning her next backpacking trip(s).
59
67
</TeamMember>
60
68
61
-
<TeamMembername="Noah Lemen"permalink="noah-lemen"photo="/images/team/noahlemen.jpg"github="noahlemen"twitter="noahlemen"threads="noahlemen"personal="noahle.men"title="Engineer at Meta">
62
-
Noah’s interest in UI programming sparked during his education in music technology at NYU. At Meta, he's worked on internal tools, browsers, web performance, and is currently focused on React. Outside of work, Noah can be found tinkering with synthesizers or spending time with his cat.
69
+
<TeamMembername="Pieter Vanderwerff"permalink="pieter-vanderwerff"photo="/images/team/pieter.jpg"github="pieterv"threads="pietervanderwerff"title="Engineer at Meta">
70
+
Pieter studied building science but after failing to get a job he made himself a website and things escalated from there. At Meta, he enjoys working on performance, languages and now React. When he's not programming you can find him off-road in the mountains.
63
71
</TeamMember>
64
72
65
73
<TeamMembername="Rick Hanlon"permalink="rick-hanlon"photo="/images/team/rickhanlonii.jpg"github="rickhanlonii"twitter="rickhanlonii"threads="rickhanlonii"bsky="ricky.fm"title="Engineer at Meta">
@@ -70,10 +78,6 @@ Current members of the React team are listed in alphabetical order below.
70
78
Ruslan's introduction to UI programming started when he was a kid by manually editing HTML templates for his custom gaming forums. Somehow, he ended up majoring in Computer Science. He enjoys music, games, and memes. Mostly memes.
71
79
</TeamMember>
72
80
73
-
<TeamMembername="Sathya Gunasekaran "permalink="sathya-gunasekaran"photo="/images/team/sathya.jpg"github="gsathya"twitter="_gsathya"threads="gsathya.03"title="Engineer at Meta">
74
-
Sathya hated the Dragon Book in school but somehow ended up working on compilers all his career. When he's not compiling React components, he's either drinking coffee or eating yet another Dosa.
75
-
</TeamMember>
76
-
77
81
<TeamMembername="Sebastian Markbåge"permalink="sebastian-markbåge"photo="/images/team/sebmarkbage.jpg"github="sebmarkbage"twitter="sebmarkbage"threads="sebmarkbage"title="Engineer at Vercel">
78
82
Sebastian majored in psychology. He's usually quiet. Even when he says something, it often doesn't make sense to the rest of us until a few months later. The correct way to pronounce his surname is "mark-boa-geh" but he settled for "mark-beige" out of pragmatism -- and that's how he approaches React.
79
83
</TeamMember>
@@ -90,10 +94,6 @@ Current members of the React team are listed in alphabetical order below.
90
94
Four days after React was released, Sophie rewrote the entirety of her then-current project to use it, which she now realizes was perhaps a bit reckless. After she became the project's #1 committer, she wondered why she wasn't getting paid by Facebook like everyone else was and joined the team officially to lead React through its adolescent years. Though she quit that job years ago, somehow she's still in the team's group chats and “providing value”.
91
95
</TeamMember>
92
96
93
-
<TeamMembername="Tianyu Yao"permalink="tianyu-yao"photo="/images/team/tianyu.jpg"github="tyao1"twitter="tianyu0"title="Engineer at Meta">
94
-
Tianyu’s interest in computers started as a kid because he loves video games. So he majored in computer science and still plays childish games like League of Legends. When he is not in front of a computer, he enjoys playing with his two kittens, hiking and kayaking.
95
-
</TeamMember>
96
-
97
97
<TeamMembername="Yuzhi Zheng"permalink="yuzhi-zheng"photo="/images/team/yuzhi.jpg"github="yuzhi"twitter="yuzhiz"threads="yuzhiz"title="Engineering Manager at Meta">
98
98
Yuzhi studied Computer Science in school. She liked the instant gratification of seeing code come to life without having to physically be in a laboratory. Now she’s a manager in the React org. Before management, she used to work on the Relay data fetching framework. In her spare time, Yuzhi enjoys optimizing her life via gardening and home improvement projects.
Copy file name to clipboardexpand all lines: src/content/learn/add-react-to-an-existing-project.md
+2-2
Original file line number
Diff line number
Diff line change
@@ -45,7 +45,7 @@ A modular JavaScript environment lets you write your React components in individ
45
45
46
46
***If your app is already split into files that use `import` statements,** try to use the setup you already have. Check whether writing `<div />` in your JS code causes a syntax error. If it causes a syntax error, you might need to [transform your JavaScript code with Babel](https://babeljs.io/setup), and enable the [Babel React preset](https://babeljs.io/docs/babel-preset-react) to use JSX.
47
47
48
-
***If your app doesn't have an existing setup for compiling JavaScript modules,** set it up with [Vite](https://vitejs.dev/). The Vite community maintains [many integrations with backend frameworks](https://github.com/vitejs/awesome-vite#integrations-with-backends), including Rails, Django, and Laravel. If your backend framework is not listed, [follow this guide](https://vitejs.dev/guide/backend-integration.html) to manually integrate Vite builds with your backend.
48
+
***If your app doesn't have an existing setup for compiling JavaScript modules,** set it up with [Vite](https://vite.dev/). The Vite community maintains [many integrations with backend frameworks](https://github.com/vitejs/awesome-vite#integrations-with-backends), including Rails, Django, and Laravel. If your backend framework is not listed, [follow this guide](https://vite.dev/guide/backend-integration.html) to manually integrate Vite builds with your backend.
49
49
50
50
To check whether your setup works, run this command in your project folder:
51
51
@@ -85,7 +85,7 @@ If the entire content of your page was replaced by a "Hello, world!", everything
85
85
86
86
<Note>
87
87
88
-
Integrating a modular JavaScript environment into an existing project for the first time can feel intimidating, but it's worth it! If you get stuck, try our [community resources](/community) or the [Vite Chat](https://chat.vitejs.dev/).
88
+
Integrating a modular JavaScript environment into an existing project for the first time can feel intimidating, but it's worth it! If you get stuck, try our [community resources](/community) or the [Vite Chat](https://chat.vite.dev/).
Copy file name to clipboardexpand all lines: src/content/learn/start-a-new-react-project.md
+1-1
Original file line number
Diff line number
Diff line change
@@ -27,7 +27,7 @@ Even if you don't need routing or data fetching at first, you'll likely want to
27
27
28
28
**React frameworks on this page solve problems like these by default, with no extra work from your side.** They let you start very lean and then scale your app with your needs. Each React framework has a community, so finding answers to questions and upgrading tooling is easier. Frameworks also give structure to your code, helping you and others retain context and skills between different projects. Conversely, with a custom setup it's easier to get stuck on unsupported dependency versions, and you'll essentially end up creating your own framework—albeit one with no community or upgrade path (and if it's anything like the ones we've made in the past, more haphazardly designed).
29
29
30
-
If your app has unusual constraints not served well by these frameworks, or you prefer to solve these problems yourself, you can roll your own custom setup with React. Grab `react` and `react-dom` from npm, set up your custom build process with a bundler like [Vite](https://vitejs.dev/) or [Parcel](https://parceljs.org/), and add other tools as you need them for routing, static generation or server-side rendering, and more.
30
+
If your app has unusual constraints not served well by these frameworks, or you prefer to solve these problems yourself, you can roll your own custom setup with React. Grab `react` and `react-dom` from npm, set up your custom build process with a bundler like [Vite](https://vite.dev/) or [Parcel](https://parceljs.org/), and add other tools as you need them for routing, static generation or server-side rendering, and more.
Copy file name to clipboardexpand all lines: src/content/reference/react-dom/static/prerender.md
+2-2
Original file line number
Diff line number
Diff line change
@@ -230,7 +230,7 @@ async function renderToString() {
230
230
bootstrapScripts: ['/main.js']
231
231
});
232
232
233
-
constreader=stream.getReader();
233
+
constreader=prelude.getReader();
234
234
let content ='';
235
235
while (true) {
236
236
const {done, value} =awaitreader.read();
@@ -291,7 +291,7 @@ Suspense-enabled data fetching without the use of an opinionated framework is no
291
291
292
292
### My stream doesn't start until the entire app is rendered {/*my-stream-doesnt-start-until-the-entire-app-is-rendered*/}
293
293
294
-
The `prerender` response waits for the entire app to finish rendering, including waiting for all suspense boundaries to resolve, before resolving. It is designed for static site generation (SSG) ahead of time and does not support streaming more content as it loads.
294
+
The `prerender` response waits for the entire app to finish rendering, including waiting for all Suspense boundaries to resolve, before resolving. It is designed for static site generation (SSG) ahead of time and does not support streaming more content as it loads.
295
295
296
296
To stream content as it loads, use a streaming server render API like [renderToReadableStream](/reference/react-dom/server/renderToReadableStream).
Copy file name to clipboardexpand all lines: src/content/reference/react-dom/static/prerenderToNodeStream.md
+1-1
Original file line number
Diff line number
Diff line change
@@ -289,7 +289,7 @@ Suspense-enabled data fetching without the use of an opinionated framework is no
289
289
290
290
### My stream doesn't start until the entire app is rendered {/*my-stream-doesnt-start-until-the-entire-app-is-rendered*/}
291
291
292
-
The `prerenderToNodeStream` response waits for the entire app to finish rendering, including waiting for all suspense boundaries to resolve, before resolving. It is designed for static site generation (SSG) ahead of time and does not support streaming more content as it loads.
292
+
The `prerenderToNodeStream` response waits for the entire app to finish rendering, including waiting for all Suspense boundaries to resolve, before resolving. It is designed for static site generation (SSG) ahead of time and does not support streaming more content as it loads.
293
293
294
294
To stream content as it loads, use a streaming server render API like [renderToPipeableStream](/reference/react-dom/server/renderToPipeableStream).
0 commit comments