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/community/videos.md
+76-7Lines changed: 76 additions & 7 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -8,6 +8,75 @@ Videos dedicated to the discussion of React and the React ecosystem.
8
8
9
9
</Intro>
10
10
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
+
<YouTubeIframesrc="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
+
<YouTubeIframesrc="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
+
<YouTubeIframesrc="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
+
<YouTubeIframesrc="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
+
<YouTubeIframesrc="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
+
<YouTubeIframesrc="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
+
<YouTubeIframesrc="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
+
<YouTubeIframesrc="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
+
11
80
## React Conf 2021 {/*react-conf-2021*/}
12
81
13
82
### 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
16
85
17
86
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:
18
87
19
-
<YouTubeIframesrc="https://www.youtube.com/embed/FZ0cG47msEk"title="YouTube video player" />
### React 18 for Application Developers {/*react-18-for-application-developers*/}
22
91
23
92
For a demo of upgrading to React 18, see [Shruti Kapoor](https://twitter.com/shrutikapoor08)’s talk here:
24
93
25
-
<YouTubeIframesrc="https://www.youtube.com/embed/ytudH8je5ko"title="YouTube video player" />
94
+
<YouTubeIframesrc="https://www.youtube.com/embed/ytudH8je5ko"title="React 18 for Application Developers" />
26
95
27
96
### Streaming Server Rendering with Suspense {/*streaming-server-rendering-with-suspense*/}
28
97
@@ -32,35 +101,35 @@ Streaming server rendering lets you generate HTML from React components on the s
32
101
33
102
For a deep dive, see [Shaundai Person](https://twitter.com/shaundai)’s talk here:
34
103
35
-
<YouTubeIframesrc="https://www.youtube.com/embed/pj5N-Khihgc"title="YouTube video player" />
104
+
<YouTubeIframesrc="https://www.youtube.com/embed/pj5N-Khihgc"title="Streaming Server Rendering with Suspense" />
36
105
37
106
### The first React working group {/*the-first-react-working-group*/}
38
107
39
108
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`.
40
109
41
110
For an overview of this work, see [Aakansha' Doshi](https://twitter.com/aakansha1216)'s talk:
42
111
43
-
<YouTubeIframesrc="https://www.youtube.com/embed/qn7gRClrC9U"title="YouTube video player" />
112
+
<YouTubeIframesrc="https://www.youtube.com/embed/qn7gRClrC9U"title="The first React working group" />
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.
48
117
49
118
For more information and a demo of new DevTools features, see [Brian Vaughn](https://twitter.com/brian_d_vaughn)’s talk:
50
119
51
-
<YouTubeIframesrc="https://www.youtube.com/embed/oxDfrke8rZg"title="YouTube video player" />
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:
56
125
57
-
<YouTubeIframesrc="https://www.youtube.com/embed/lGEMwh32soc"title="YouTube video player" />
126
+
<YouTubeIframesrc="https://www.youtube.com/embed/lGEMwh32soc"title="React without memo" />
58
127
59
128
### React docs keynote {/*react-docs-keynote*/}
60
129
61
130
[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)):
62
131
63
-
<YouTubeIframesrc="https://www.youtube.com/embed/mneDaMYOKP8"title="YouTube video player" />
0 commit comments