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
62 changes: 31 additions & 31 deletions src/content/community/videos.md
Original file line number Diff line number Diff line change
Expand Up @@ -4,120 +4,120 @@ title: React Videos

<Intro>

Videos dedicated to the discussion of React and the React ecosystem.
Видео, посвященные обсуждению React и экосистемы React.

</Intro>

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

### React 18 Keynote {/*react-18-keynote*/}

In the keynote, we shared our vision for the future of React starting with React 18.
В этом докладе мы поделились нашим видением будущего React, начиная с React 18.

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:
Полный доклад от [Andrew Clark](https://twitter.com/acdlite), [Juan Tejada](https://twitter.com/_jstejada), [Lauren Tan](https://twitter.com/potetotes) и [Rick Hanlon](https://twitter.com/rickhanlonii) смотрите здесь:

<YouTubeIframe src="https://www.youtube.com/embed/FZ0cG47msEk" title="YouTube video player" />

### React 18 for Application Developers {/*react-18-for-application-developers*/}
### React 18 для разработчиков приложений {/*react-18-for-application-developers*/}

For a demo of upgrading to React 18, see [Shruti Kapoor](https://twitter.com/shrutikapoor08)’s talk here:
Демонстрацию обновления до React 18 смотрите в докладе [Shruti Kapoor](https://twitter.com/shrutikapoor08) здесь:

<YouTubeIframe src="https://www.youtube.com/embed/ytudH8je5ko" title="YouTube video player" />

### Streaming Server Rendering with Suspense {/*streaming-server-rendering-with-suspense*/}
### Потоковая серверная отрисовка с помощью Suspense {/*streaming-server-rendering-with-suspense*/}

React 18 also includes improvements to server-side rendering performance using Suspense.
React 18 также включает улучшения производительности серверной отрисовки с использованием Suspense.

Streaming server rendering lets you generate HTML from React components on the server, and stream that HTML to your users. In React 18, you can use `Suspense` to break down your app into smaller independent units which can be streamed independently of each other without blocking the rest of the app. This means users will see your content sooner and be able to start interacting with it much faster.
Потоковая серверная отрисовка позволяет генерировать HTML из React-компонентов на сервере и передавать этот HTML пользователям. В React 18 вы можете использовать `Suspense` для разбиения вашего приложения на меньшие независимые части, которые могут передаваться независимо друг от друга, не блокируя остальную часть приложения. Это означает, что пользователи увидят ваш контент раньше и смогут начать взаимодействовать с ним намного быстрее.

For a deep dive, see [Shaundai Person](https://twitter.com/shaundai)’s talk here:
Подробности смотрите в докладе [Shaundai Person](https://twitter.com/shaundai) здесь:

<YouTubeIframe src="https://www.youtube.com/embed/pj5N-Khihgc" title="YouTube video player" />

### The first React working group {/*the-first-react-working-group*/}
### Первая рабочая группа React {/*the-first-react-working-group*/}

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`.
Для React 18 мы создали нашу первую Рабочую группу для сотрудничества с группой экспертов, разработчиков, мейнтейнеров библиотек и преподавателей. Вместе мы работали над созданием нашей стратегии постепенного внедрения и усовершенствованием новых API, таких как `useId`, `useSyncExternalStore` и `useInsertionEffect`.

For an overview of this work, see [Aakansha' Doshi](https://twitter.com/aakansha1216)'s talk:
Обзор этой работы смотрите в докладе [Aakansha' Doshi](https://twitter.com/aakansha1216):

<YouTubeIframe src="https://www.youtube.com/embed/qn7gRClrC9U" title="YouTube video player" />

### React Developer Tooling {/*react-developer-tooling*/}
### Инструменты разработчика React {/*react-developer-tooling*/}

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.
Для поддержки новых функций в этом релизе мы также анонсировали вновь сформированную команду React DevTools и новый Timeline Profiler, чтобы помочь разработчикам отлаживать свои React-приложения.

For more information and a demo of new DevTools features, see [Brian Vaughn](https://twitter.com/brian_d_vaughn)’s talk:
Более подробную информацию и демонстрацию новых функций DevTools смотрите в докладе [Brian Vaughn](https://twitter.com/brian_d_vaughn):

<YouTubeIframe src="https://www.youtube.com/embed/oxDfrke8rZg" title="YouTube video player" />

### React without memo {/*react-without-memo*/}
### React без memo {/*react-without-memo*/}

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:
Заглядывая в будущее, [Xuan Huang (黄玄)](https://twitter.com/Huxpro) поделился обновлением из исследований React Labs об автоматически мемоизирующем компиляторе. Посмотрите этот доклад для получения дополнительной информации и демонстрации прототипа компилятора:

<YouTubeIframe src="https://www.youtube.com/embed/lGEMwh32soc" title="YouTube video player" />

### React docs keynote {/*react-docs-keynote*/}
### Доклад о документации React {/*react-docs-keynote*/}

[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)):
[Rachel Nabors](https://twitter.com/rachelnabors) открыла секцию докладов об обучении и дизайне с React докладом о наших инвестициях в новую документацию React ([теперь доступную на react.dev](/blog/2023/03/16/introducing-react-dev)):

<YouTubeIframe src="https://www.youtube.com/embed/mneDaMYOKP8" title="YouTube video player" />

### And more... {/*and-more*/}
### И многое другое... {/*and-more*/}

**We also heard talks on learning and designing with React:**
**Мы также услышали доклады об обучении и дизайне с React:**

* Debbie O'Brien: [Things I learnt from the new React docs](https://youtu.be/-7odLW_hG7s).
* Sarah Rainsberger: [Learning in the Browser](https://youtu.be/5X-WEQflCL0).
* Linton Ye: [The ROI of Designing with React](https://youtu.be/7cPWmID5XAk).
* Delba de Oliveira: [Interactive playgrounds with React](https://youtu.be/zL8cz2W0z34).

**Talks from the Relay, React Native, and PyTorch teams:**
**Доклады от команд Relay, React Native и PyTorch:**

* Robert Balicki: [Re-introducing Relay](https://youtu.be/lhVGdErZuN4).
* Eric Rozell and Steven Moyes: [React Native Desktop](https://youtu.be/9L4FFrvwJwY).
* Roman Rädle: [On-device Machine Learning for React Native](https://youtu.be/NLj73vrc2I8)

**And talks from the community on accessibility, tooling, and Server Components:**
**А также доклады от сообщества об доступности, инструментах и Server Components:**

* Daishi Kato: [React 18 for External Store Libraries](https://youtu.be/oPfSC5bQPR8).
* Diego Haz: [Building Accessible Components in React 18](https://youtu.be/dcm8fjBfro8).
* Tafu Nakazaki: [Accessible Japanese Form Components with React](https://youtu.be/S4a0QlsH0pU).
* Lyle Troxell: [UI tools for artists](https://youtu.be/b3l4WxipFsE).
* Helen Lin: [Hydrogen + React 18](https://youtu.be/HS6vIYkSNks).

## Older videos {/*older-videos*/}
## Старые видео {/*older-videos*/}

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

A playlist of videos from React Conf 2019.
Плейлист видео с React Conf 2019.
<YouTubeIframe title="React Conf 2019" src="https://www.youtube-nocookie.com/embed/playlist?list=PLPxbbTqCLbGHPxZpw4xj_Wwg8-fdNxJRh" />

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

A playlist of videos from React Conf 2018.
Плейлист видео с React Conf 2018.
<YouTubeIframe title="React Conf 2018" src="https://www.youtube-nocookie.com/embed/playlist?list=PLPxbbTqCLbGE5AihOSExAa4wUM-P42EIJ" />

### React.js Conf 2017 {/*reactjs-conf-2017*/}

A playlist of videos from React.js Conf 2017.
Плейлист видео с React.js Conf 2017.
<YouTubeIframe title="React.js Conf 2017" src="https://www.youtube-nocookie.com/embed/playlist?list=PLb0IAmt7-GS3fZ46IGFirdqKTIxlws7e0" />

### React.js Conf 2016 {/*reactjs-conf-2016*/}

A playlist of videos from React.js Conf 2016.
Плейлист видео с React.js Conf 2016.
<YouTubeIframe title="React.js Conf 2016" src="https://www.youtube-nocookie.com/embed/playlist?list=PLb0IAmt7-GS0M8Q95RIc2lOM6nc77q1IY" />

### React.js Conf 2015 {/*reactjs-conf-2015*/}

A playlist of videos from React.js Conf 2015.
Плейлист видео с React.js Conf 2015.
<YouTubeIframe title="React.js Conf 2015" src="https://www.youtube-nocookie.com/embed/playlist?list=PLb0IAmt7-GS1cbw4qonlQztYV1TAW0sCr" />

### Rethinking Best Practices {/*rethinking-best-practices*/}

Pete Hunt's talk at JSConf EU 2013 covers three topics: throwing out the notion of templates and building views with JavaScript, “re-rendering” your entire application when your data changes, and a lightweight implementation of the DOM and events - (2013 - 0h30m).
Доклад Пита Ханта на JSConf EU 2013 охватывает три темы: отказ от шаблонов в пользу создания представлений с помощью JavaScript, «повторный рендеринг» всего приложения при изменении данных и легкая реализация DOM и событий — (2013 0h30m).
<YouTubeIframe title="Pete Hunt: React: Rethinking Best Practices - JSConf EU 2013" src="https://www.youtube-nocookie.com/embed/x7cQ3mrcKaY" />

### Introduction to React {/*introduction-to-react*/}

Tom Occhino and Jordan Walke introduce React at Facebook Seattle - (2013 - 1h20m).
Том Оккино и Джордан Уолк представляют React в Facebook Seattle (2013 1h20m).
<YouTubeIframe title="Tom Occhino and Jordan Walke introduce React at Facebook Seattle" src="https://www.youtube-nocookie.com/embed/XxVg_s8xAms" />
Loading