Skip to content

Commit 4d3d495

Browse files
authored
Add React Conf 2024 to /videos (#7977)
1 parent d34c6a2 commit 4d3d495

File tree

1 file changed

+76
-7
lines changed

1 file changed

+76
-7
lines changed

src/content/community/videos.md

Lines changed: 76 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -8,6 +8,75 @@ Videos dedicated to the discussion of React and the React ecosystem.
88

99
</Intro>
1010

11+
## React Conf 2024 {/*react-conf-2024*/}
12+
13+
At React Conf 2024, Meta CTO [Andrew "Boz" Bosworth](https://www.threads.net/@boztank) shared a welcome message to kick off the conference:
14+
15+
<YouTubeIframe src="https://www.youtube.com/embed/T8TZQ6k4SLE?t=975s" title="Boz and Seth Intro" />
16+
17+
### React 19 Keynote {/*react-19-keynote*/}
18+
19+
In the Day 1 keynote, we shared vision for React starting with React 19 and the React Compiler. Watch the full keynote from [Joe Savona](https://twitter.com/en_JS), [Lauren Tan](https://twitter.com/potetotes), [Andrew Clark](https://twitter.com/acdlite), [Josh Story](https://twitter.com/joshcstory), [Sathya Gunasekaran](https://twitter.com/_gsathya), and [Mofei Zhang](https://twitter.com/zmofei):
20+
21+
22+
<YouTubeIframe src="https://www.youtube.com/embed/lyEKhv8-3n0" title="YouTube video player" />
23+
24+
### React Unpacked: A Roadmap to React 19 {/*react-unpacked-a-roadmap-to-react-19*/}
25+
26+
React 19 introduced new features including Actions, `use()`, `useOptimistic` and more. For a deep dive on using new features in React 19, see [Sam Selikoff's](https://twitter.com/samselikoff) talk:
27+
28+
<YouTubeIframe src="https://www.youtube.com/embed/R0B2HsSM78s" title="React Unpacked: A Roadmap to React 19" />
29+
30+
### What's New in React 19 {/*whats-new-in-react-19*/}
31+
32+
[Lydia Hallie](https://twitter.com/lydiahallie) gave a visual deep dive of React 19's new features:
33+
34+
<YouTubeIframe src="https://www.youtube.com/embed/AJOGzVygGcY" title="What's New in React 19" />
35+
36+
### React 19 Deep Dive: Coordinating HTML {/*react-19-deep-dive-coordinating-html*/}
37+
38+
[Josh Story](https://twitter.com/joshcstory) provided a deep dive on the document and resource streaming APIs in React 19:
39+
40+
<YouTubeIframe src="https://www.youtube.com/embed/IBBN-s77YSI" title="React 19 Deep Dive: Coordinating HTML" />
41+
42+
### React for Two Computers {/*react-for-two-computers*/}
43+
44+
[Dan Abramov](https://bsky.app/profile/danabra.mov) imagined an alternate history where React started server-first:
45+
46+
<YouTubeIframe src="https://www.youtube.com/embed/ozI4V_29fj4" title="React for Two Computers" />
47+
48+
### Forget About Memo {/*forget-about-memo*/}
49+
50+
[Lauren Tan](https://twitter.com/potetotes) gave a talk on using the React Compiler in practice:
51+
52+
<YouTubeIframe src="https://www.youtube.com/embed/lvhPq5chokM" title="Forget About Memo" />
53+
54+
### React Compiler Deep Dive {/*react-compiler-deep-dive*/}
55+
56+
[Sathya Gunasekaran](https://twitter.com/_gsathya) and [Mofei Zhang](https://twitter.com/zmofei) provided a deep dive on how the React Compiler works:
57+
58+
<YouTubeIframe src="https://www.youtube.com/embed/uA_PVyZP7AI" title="React Compiler Deep Dive" />
59+
60+
### And more... {/*and-more-2024*/}
61+
62+
**We also heard talks from the community on Server Components:**
63+
* [Enhancing Forms with React Server Components](https://www.youtube.com/embed/0ckOUBiuxVY&t=25280s) by [Aurora Walberg Scharff](https://twitter.com/aurorascharff)
64+
* [And Now You Understand React Server Components](https://www.youtube.com/embed/pOo7x8OiAec) by [Kent C. Dodds](https://twitter.com/kentcdodds)
65+
* [Real-time Server Components](https://www.youtube.com/embed/6sMANTHWtLM) by [Sunil Pai](https://twitter.com/threepointone)
66+
67+
**Talks from React frameworks using new features:**
68+
69+
* [Vanilla React](https://www.youtube.com/embed/ZcwA0xt8FlQ) by [Ryan Florence](https://twitter.com/ryanflorence)
70+
* [React Rhythm & Blues](https://www.youtube.com/embed/rs9X5MjvC4s) by [Lee Robinson](https://twitter.com/leeerob)
71+
* [RedwoodJS, now with React Server Components](https://www.youtube.com/embed/sjyY4MTECUU) by [Amy Dutton](https://twitter.com/selfteachme)
72+
* [Introducing Universal React Server Components in Expo Router](https://www.youtube.com/embed/djhEgxQf3Kw) by [Evan Bacon](https://twitter.com/Baconbrix)
73+
74+
**And Q&As with the React and React Native teams:**
75+
- [React Q&A](https://www.youtube.com/embed/T8TZQ6k4SLE&t=27518s) hosted by [Michael Chan](https://twitter.com/chantastic)
76+
- [React Native Q&A](https://www.youtube.com/embed/0ckOUBiuxVY&t=27935s) hosted by [Jamon Holmgren](https://twitter.com/jamonholmgren)
77+
78+
You can watch all of the talks at React Conf 2024 at [conf2024.react.dev](https://conf2024.react.dev/talks).
79+
1180
## React Conf 2021 {/*react-conf-2021*/}
1281

1382
### React 18 Keynote {/*react-18-keynote*/}
@@ -16,13 +85,13 @@ In the keynote, we shared our vision for the future of React starting with React
1685

1786
Watch the full keynote from [Andrew Clark](https://twitter.com/acdlite), [Juan Tejada](https://twitter.com/_jstejada), [Lauren Tan](https://twitter.com/potetotes), and [Rick Hanlon](https://twitter.com/rickhanlonii) here:
1887

19-
<YouTubeIframe src="https://www.youtube.com/embed/FZ0cG47msEk" title="YouTube video player" />
88+
<YouTubeIframe src="https://www.youtube.com/embed/FZ0cG47msEk" title="React 18 Keynote" />
2089

2190
### React 18 for Application Developers {/*react-18-for-application-developers*/}
2291

2392
For a demo of upgrading to React 18, see [Shruti Kapoor](https://twitter.com/shrutikapoor08)’s talk here:
2493

25-
<YouTubeIframe src="https://www.youtube.com/embed/ytudH8je5ko" title="YouTube video player" />
94+
<YouTubeIframe src="https://www.youtube.com/embed/ytudH8je5ko" title="React 18 for Application Developers" />
2695

2796
### Streaming Server Rendering with Suspense {/*streaming-server-rendering-with-suspense*/}
2897

@@ -32,35 +101,35 @@ Streaming server rendering lets you generate HTML from React components on the s
32101

33102
For a deep dive, see [Shaundai Person](https://twitter.com/shaundai)’s talk here:
34103

35-
<YouTubeIframe src="https://www.youtube.com/embed/pj5N-Khihgc" title="YouTube video player" />
104+
<YouTubeIframe src="https://www.youtube.com/embed/pj5N-Khihgc" title="Streaming Server Rendering with Suspense" />
36105

37106
### The first React working group {/*the-first-react-working-group*/}
38107

39108
For React 18, we created our first Working Group to collaborate with a panel of experts, developers, library maintainers, and educators. Together we worked to create our gradual adoption strategy and refine new APIs such as `useId`, `useSyncExternalStore`, and `useInsertionEffect`.
40109

41110
For an overview of this work, see [Aakansha' Doshi](https://twitter.com/aakansha1216)'s talk:
42111

43-
<YouTubeIframe src="https://www.youtube.com/embed/qn7gRClrC9U" title="YouTube video player" />
112+
<YouTubeIframe src="https://www.youtube.com/embed/qn7gRClrC9U" title="The first React working group" />
44113

45114
### React Developer Tooling {/*react-developer-tooling*/}
46115

47116
To support the new features in this release, we also announced the newly formed React DevTools team and a new Timeline Profiler to help developers debug their React apps.
48117

49118
For more information and a demo of new DevTools features, see [Brian Vaughn](https://twitter.com/brian_d_vaughn)’s talk:
50119

51-
<YouTubeIframe src="https://www.youtube.com/embed/oxDfrke8rZg" title="YouTube video player" />
120+
<YouTubeIframe src="https://www.youtube.com/embed/oxDfrke8rZg" title="React Developer Tooling" />
52121

53122
### React without memo {/*react-without-memo*/}
54123

55124
Looking further into the future, [Xuan Huang (黄玄)](https://twitter.com/Huxpro) shared an update from our React Labs research into an auto-memoizing compiler. Check out this talk for more information and a demo of the compiler prototype:
56125

57-
<YouTubeIframe src="https://www.youtube.com/embed/lGEMwh32soc" title="YouTube video player" />
126+
<YouTubeIframe src="https://www.youtube.com/embed/lGEMwh32soc" title="React without memo" />
58127

59128
### React docs keynote {/*react-docs-keynote*/}
60129

61130
[Rachel Nabors](https://twitter.com/rachelnabors) kicked off a section of talks about learning and designing with React with a keynote about our investment in React's new docs ([now shipped as react.dev](/blog/2023/03/16/introducing-react-dev)):
62131

63-
<YouTubeIframe src="https://www.youtube.com/embed/mneDaMYOKP8" title="YouTube video player" />
132+
<YouTubeIframe src="https://www.youtube.com/embed/mneDaMYOKP8" title="React docs keynote" />
64133

65134
### And more... {/*and-more*/}
66135

0 commit comments

Comments
 (0)