Skip to content
Open
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
41 changes: 21 additions & 20 deletions src/content/community/videos.md
Original file line number Diff line number Diff line change
Expand Up @@ -10,72 +10,73 @@ React および React のエコシステムについて説明している動画

## React Conf 2024 {/*react-conf-2024*/}

At React Conf 2024, Meta CTO [Andrew "Boz" Bosworth](https://www.threads.net/@boztank) shared a welcome message to kick off the conference:
React Conf 2024 では、Meta CTO [Andrew "Boz" Bosworth](https://www.threads.net/@boztank) が開会の挨拶を述べました。

<YouTubeIframe src="https://www.youtube.com/embed/T8TZQ6k4SLE?t=975s" title="Boz and Seth Intro" />

### React 19 Keynote {/*react-19-keynote*/}
### React 19 キーノート {/*react-19-keynote*/}

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):
初日のキーノートでは、React コンパイラと React 19 から始まる React のビジョンについて発表しました。[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)[Mofei Zhang](https://twitter.com/zmofei) による完全なキーノートは以下で視聴できます:


<YouTubeIframe src="https://www.youtube.com/embed/lyEKhv8-3n0" title="YouTube video player" />

### React Unpacked: A Roadmap to React 19 {/*react-unpacked-a-roadmap-to-react-19*/}
### React Unpacked: React 19へのロードマップ {/*react-unpacked-a-roadmap-to-react-19*/}

React 19 では Actions、`use()`、`useOptimistic` など、新機能が導入されました。React 19 の新機能についてさらに詳しく知りたい方は、[Sam Selikoff](https://twitter.com/samselikoff) の講演をご覧ください:

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:

<YouTubeIframe src="https://www.youtube.com/embed/R0B2HsSM78s" title="React Unpacked: A Roadmap to React 19" />

### What's New in React 19 {/*whats-new-in-react-19*/}
### React 19の新機能 {/*whats-new-in-react-19*/}

[Lydia Hallie](https://twitter.com/lydiahallie) gave a visual deep dive of React 19's new features:
[Lydia Hallie](https://twitter.com/lydiahallie) React 19 の新機能を視覚的に分かりやすく解説しました:

<YouTubeIframe src="https://www.youtube.com/embed/AJOGzVygGcY" title="What's New in React 19" />

### React 19 Deep Dive: Coordinating HTML {/*react-19-deep-dive-coordinating-html*/}
### React 19 Deep Dive: HTML の協調 {/*react-19-deep-dive-coordinating-html*/}

[Josh Story](https://twitter.com/joshcstory) provided a deep dive on the document and resource streaming APIs in React 19:
[Josh Story](https://twitter.com/joshcstory) が React 19 のドキュメントおよびリソースストリーミング API について詳細な解説を行いました:

<YouTubeIframe src="https://www.youtube.com/embed/IBBN-s77YSI" title="React 19 Deep Dive: Coordinating HTML" />

### React for Two Computers {/*react-for-two-computers*/}
### React を2つのコンピュータで {/*react-for-two-computers*/}

[Dan Abramov](https://bsky.app/profile/danabra.mov) imagined an alternate history where React started server-first:
[Dan Abramov](https://bsky.app/profile/danabra.mov) は、もし React がサーバファーストで始まっていたらどうなっていたかを想像しました:

<YouTubeIframe src="https://www.youtube.com/embed/ozI4V_29fj4" title="React for Two Computers" />

### Forget About Memo {/*forget-about-memo*/}
### Memo を忘れよう {/*forget-about-memo*/}

[Lauren Tan](https://twitter.com/potetotes) gave a talk on using the React Compiler in practice:
[Lauren Tan](https://twitter.com/potetotes) が、React Compiler を実践的に利用する方法について講演しました:

<YouTubeIframe src="https://www.youtube.com/embed/lvhPq5chokM" title="Forget About Memo" />

### React Compiler Deep Dive {/*react-compiler-deep-dive*/}
### React Compiler について詳しく {/*react-compiler-deep-dive*/}

[Sathya Gunasekaran](https://twitter.com/_gsathya) and [Mofei Zhang](https://twitter.com/zmofei) provided a deep dive on how the React Compiler works:
[Sathya Gunasekaran](https://twitter.com/_gsathya) [Mofei Zhang](https://twitter.com/zmofei) React Compiler がどのように動作するか詳しく解説しました:

<YouTubeIframe src="https://www.youtube.com/embed/uA_PVyZP7AI" title="React Compiler Deep Dive" />

### And more... {/*and-more-2024*/}
### さらに… {/*and-more-2024*/}

**We also heard talks from the community on Server Components:**
**コミュニティからサーバコンポーネントに関する講演について聞きました:**
* [Enhancing Forms with React Server Components](https://www.youtube.com/embed/0ckOUBiuxVY&t=25280s) by [Aurora Walberg Scharff](https://twitter.com/aurorascharff)
* [And Now You Understand React Server Components](https://www.youtube.com/embed/pOo7x8OiAec) by [Kent C. Dodds](https://twitter.com/kentcdodds)
* [Real-time Server Components](https://www.youtube.com/embed/6sMANTHWtLM) by [Sunil Pai](https://twitter.com/threepointone)

**Talks from React frameworks using new features:**
**React フレームワークの最新機能に関する講演:**

* [Vanilla React](https://www.youtube.com/embed/ZcwA0xt8FlQ) by [Ryan Florence](https://twitter.com/ryanflorence)
* [React Rhythm & Blues](https://www.youtube.com/embed/rs9X5MjvC4s) by [Lee Robinson](https://twitter.com/leeerob)
* [RedwoodJS, now with React Server Components](https://www.youtube.com/embed/sjyY4MTECUU) by [Amy Dutton](https://twitter.com/selfteachme)
* [Introducing Universal React Server Components in Expo Router](https://www.youtube.com/embed/djhEgxQf3Kw) by [Evan Bacon](https://twitter.com/Baconbrix)

**And Q&As with the React and React Native teams:**
**React React Native の開発チームによる Q&A セッション:**
- [React Q&A](https://www.youtube.com/embed/T8TZQ6k4SLE&t=27518s) hosted by [Michael Chan](https://twitter.com/chantastic)
- [React Native Q&A](https://www.youtube.com/embed/0ckOUBiuxVY&t=27935s) hosted by [Jamon Holmgren](https://twitter.com/jamonholmgren)

You can watch all of the talks at React Conf 2024 at [conf2024.react.dev](https://conf2024.react.dev/talks).
React Conf 2024 のすべての講演は [conf2024.react.dev](https://conf2024.react.dev/talks) から視聴できます。

## React Conf 2021 {/*react-conf-2021*/}

Expand Down
Loading