diff --git a/src/content/blog/2021/12/17/react-conf-2021-recap.md b/src/content/blog/2021/12/17/react-conf-2021-recap.md index c9e75ff7b9..f2352a0f2a 100644 --- a/src/content/blog/2021/12/17/react-conf-2021-recap.md +++ b/src/content/blog/2021/12/17/react-conf-2021-recap.md @@ -2,122 +2,122 @@ title: "React Conf 2021 Recap" author: Jesslyn Tannady and Rick Hanlon date: 2021/12/17 -description: Last week we hosted our 6th React Conf. In previous years, we've used the React Conf stage to deliver industry changing announcements such as React Native and React Hooks. This year, we shared our multi-platform vision for React, starting with the release of React 18 and gradual adoption of concurrent features. +description: На прошлой неделе мы провели шестую React Conf. В предыдущие годы мы использовали сцену React Conf для объявления важных для индустрии новостей, таких как React Native и React Hooks. В этом году мы поделились нашим видением React для различных платформ, начиная с выпуска React 18 и постепенного внедрения конкурентных функций. --- -December 17, 2021 by [Jesslyn Tannady](https://twitter.com/jtannady) and [Rick Hanlon](https://twitter.com/rickhanlonii) +17 декабря 2021 г. от [Jesslyn Tannady](https://twitter.com/jtannady) и [Rick Hanlon](https://twitter.com/rickhanlonii) --- -Last week we hosted our 6th React Conf. In previous years, we've used the React Conf stage to deliver industry changing announcements such as [_React Native_](https://engineering.fb.com/2015/03/26/android/react-native-bringing-modern-web-techniques-to-mobile/) and [_React Hooks_](https://reactjs.org/docs/hooks-intro.html). This year, we shared our multi-platform vision for React, starting with the release of React 18 and gradual adoption of concurrent features. +На прошлой неделе мы провели 6-ю React Conf. В предыдущие годы мы использовали сцену React Conf для объявления важных для индустрии новостей, таких как [_React Native_](https://engineering.fb.com/2015/03/26/android/react-native-bringing-modern-web-techniques-to-mobile/) и [_React Hooks_](https://reactjs.org/docs/hooks-intro.html). В этом году мы поделились нашим видением React для множества платформ, начиная с выпуска React 18 и постепенного внедрения конкурентных функций. --- -This was the first time React Conf was hosted online, and it was streamed for free, translated to 8 different languages. Participants from all over the world joined our conference Discord and the replay event for accessibility in all timezones. Over 50,000 people registered, with over 60,000 views of 19 talks, and 5,000 participants in Discord across both events. +Это была первая React Conf, проведенная онлайн, и она транслировалась бесплатно, с переводом на 8 разных языков. Участники со всего мира присоединились к нашему конференц- Discord и к повторному показу для доступности во всех часовых поясах. Зарегистрировалось более 50 000 человек, было более 60 000 просмотров 19 докладов и 5 000 участников в Discord на обоих мероприятиях. -All the talks are [available to stream online](https://www.youtube.com/watch?v=FZ0cG47msEk&list=PLNG_1j3cPCaZZ7etkzWA7JfdmKWT0pMsa). +Все доклады [доступны для просмотра онлайн](https://www.youtube.com/watch?v=FZ0cG47msEk&list=PLNG_1j3cPCaZZ7etkzWA7JfdmKWT0pMsa). -Here’s a summary of what was shared on stage: +Вот краткое изложение того, что было представлено на сцене: -## React 18 and concurrent features {/*react-18-and-concurrent-features*/} +## React 18 и конкурентные функции {/*react-18-and-concurrent-features*/} -In the keynote, we shared our vision for the future of React starting with React 18. +В основной докладе мы поделились нашим видением будущего React, начиная с React 18. -React 18 adds the long-awaited concurrent renderer and updates to Suspense without any major breaking changes. Apps can upgrade to React 18 and begin gradually adopting concurrent features with the amount of effort on par with any other major release. +React 18 добавляет долгожданный конкурентный рендерер и обновления Suspense без каких-либо серьезных нарушений совместимости. Приложения могут обновиться до React 18 и начать постепенно внедрять конкурентные функции с объемом усилий, сопоставимым с любым другим основным выпуском. -**This means there is no concurrent mode, only concurrent features.** +**Это означает, что нет конкурентного режима, а есть только конкурентные функции.** -In the keynote, we also shared our vision for Suspense, Server Components, new React working groups, and our long-term many-platform vision for React Native. +В основной докладе мы также поделились нашим видением Suspense, Server Components, новых рабочих групп React и нашего долгосрочного видения React Native для множества платформ. -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) здесь: -## React 18 for Application Developers {/*react-18-for-application-developers*/} +## React 18 для разработчиков приложений {/*react-18-for-application-developers*/} -In the keynote, we also announced that the React 18 RC is available to try now. Pending further feedback, this is the exact version of React that we will publish to stable early next year. +В основном докладе мы также объявили, что React 18 RC доступен для тестирования. В ожидании дальнейших отзывов, это именно та версия React, которую мы опубликуем в стабильной версии в начале следующего года. -To try the React 18 RC, upgrade your dependencies: +Чтобы попробовать React 18 RC, обновите ваши зависимости: ```bash npm install react@rc react-dom@rc ``` -and switch to the new `createRoot` API: +и переключитесь на новый API `createRoot`: ```js -// before +// до const container = document.getElementById('root'); ReactDOM.render(, container); -// after +// после const container = document.getElementById('root'); const root = ReactDOM.createRoot(container); root.render(); ``` -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) здесь: -## 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) здесь: -## 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): -## 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): -## 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 по поводу автоматически мемоизирующего компилятора. Ознакомьтесь с этим докладом для получения дополнительной информации и демонстрации прототипа компилятора: -## 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)): -## 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). @@ -125,36 +125,36 @@ Looking further into the future, [Xuan Huang (黄玄)](https://twitter.com/Huxpr * Lyle Troxell: [UI tools for artists](https://youtu.be/b3l4WxipFsE). * Helen Lin: [Hydrogen + React 18](https://youtu.be/HS6vIYkSNks). -## Thank you {/*thank-you*/} +## Спасибо {/*thank-you*/} -This was our first year planning a conference ourselves, and we have a lot of people to thank. +Это был наш первый год самостоятельной организации конференции, и нам есть кого поблагодарить. -First, thanks to all of our speakers [Aakansha Doshi](https://twitter.com/aakansha1216), [Andrew Clark](https://twitter.com/acdlite), [Brian Vaughn](https://twitter.com/brian_d_vaughn), [Daishi Kato](https://twitter.com/dai_shi), [Debbie O'Brien](https://twitter.com/debs_obrien), [Delba de Oliveira](https://twitter.com/delba_oliveira), [Diego Haz](https://twitter.com/diegohaz), [Eric Rozell](https://twitter.com/EricRozell), [Helen Lin](https://twitter.com/wizardlyhel), [Juan Tejada](https://twitter.com/_jstejada), [Lauren Tan](https://twitter.com/potetotes), [Linton Ye](https://twitter.com/lintonye), [Lyle Troxell](https://twitter.com/lyle), [Rachel Nabors](https://twitter.com/rachelnabors), [Rick Hanlon](https://twitter.com/rickhanlonii), [Robert Balicki](https://twitter.com/StatisticsFTW), [Roman Rädle](https://twitter.com/raedle), [Sarah Rainsberger](https://twitter.com/sarah11918), [Shaundai Person](https://twitter.com/shaundai), [Shruti Kapoor](https://twitter.com/shrutikapoor08), [Steven Moyes](https://twitter.com/moyessa), [Tafu Nakazaki](https://twitter.com/hawaiiman0), and [Xuan Huang (黄玄)](https://twitter.com/Huxpro). +Прежде всего, спасибо всем нашим спикерам [Aakansha Doshi](https://twitter.com/aakansha1216), [Andrew Clark](https://twitter.com/acdlite), [Brian Vaughn](https://twitter.com/brian_d_vaughn), [Daishi Kato](https://twitter.com/dai_shi), [Debbie O'Brien](https://twitter.com/debs_obrien), [Delba de Oliveira](https://twitter.com/delba_oliveira), [Diego Haz](https://twitter.com/diegohaz), [Eric Rozell](https://twitter.com/EricRozell), [Helen Lin](https://twitter.com/wizardlyhel), [Juan Tejada](https://twitter.com/_jstejada), [Lauren Tan](https://twitter.com/potetotes), [Linton Ye](https://twitter.com/lintonye), [Lyle Troxell](https://twitter.com/lyle), [Rachel Nabors](https://twitter.com/rachelnabors), [Rick Hanlon](https://twitter.com/rickhanlonii), [Robert Balicki](https://twitter.com/StatisticsFTW), [Roman Rädle](https://twitter.com/raedle), [Sarah Rainsberger](https://twitter.com/sarah11918), [Shaundai Person](https://twitter.com/shaundai), [Shruti Kapoor](https://twitter.com/shrutikapoor08), [Steven Moyes](https://twitter.com/moyessa), [Tafu Nakazaki](https://twitter.com/hawaiiman0) и [Xuan Huang (黄玄)](https://twitter.com/Huxpro). -Thanks to everyone who helped provide feedback on talks including [Andrew Clark](https://twitter.com/acdlite), [Dan Abramov](https://bsky.app/profile/danabra.mov), [Dave McCabe](https://twitter.com/mcc_abe), [Eli White](https://twitter.com/Eli_White), [Joe Savona](https://twitter.com/en_JS), [Lauren Tan](https://twitter.com/potetotes), [Rachel Nabors](https://twitter.com/rachelnabors), and [Tim Yung](https://twitter.com/yungsters). +Спасибо всем, кто помог предоставить отзывы о докладах, включая [Andrew Clark](https://twitter.com/acdlite), [Dan Abramov](https://bsky.app/profile/danabra.mov), [Dave McCabe](https://twitter.com/mcc_abe), [Eli White](https://twitter.com/Eli_White), [Joe Savona](https://twitter.com/en_JS), [Lauren Tan](https://twitter.com/potetotes), [Rachel Nabors](https://twitter.com/rachelnabors) и [Tim Yung](https://twitter.com/yungsters). -Thanks to [Lauren Tan](https://twitter.com/potetotes) for setting up the conference Discord and serving as our Discord admin. +Спасибо [Lauren Tan](https://twitter.com/potetotes) за настройку конференц- Discord и за работу в качестве нашего администратора Discord. -Thanks to [Seth Webster](https://twitter.com/sethwebster) for feedback on overall direction and making sure we were focused on diversity and inclusion. +Спасибо [Seth Webster](https://twitter.com/sethwebster) за отзывы об общем направлении и за то, что он убедился, что мы сосредоточены на разнообразии и инклюзивности. -Thanks to [Rachel Nabors](https://twitter.com/rachelnabors) for spearheading our moderation effort, and [Aisha Blake](https://twitter.com/AishaBlake) for creating our moderation guide, leading our moderation team, training the translators and moderators, and helping to moderate both events. +Спасибо [Rachel Nabors](https://twitter.com/rachelnabors) за руководство нашей работой по модерации, а [Aisha Blake](https://twitter.com/AishaBlake) за создание нашего руководства по модерации, руководство нашей командой модераторов, обучение переводчиков и модераторов, а также за помощь в модерации обоих мероприятий. -Thanks to our moderators [Jesslyn Tannady](https://twitter.com/jtannady), [Suzie Grange](https://twitter.com/missuze), [Becca Bailey](https://twitter.com/beccaliz), [Luna Wei](https://twitter.com/lunaleaps), [Joe Previte](https://twitter.com/jsjoeio), [Nicola Corti](https://twitter.com/Cortinico), [Gijs Weterings](https://twitter.com/gweterings), [Claudio Procida](https://twitter.com/claudiopro), Julia Neumann, Mengdi Chen, Jean Zhang, Ricky Li, and [Xuan Huang (黄玄)](https://twitter.com/Huxpro). +Спасибо нашим модераторам [Jesslyn Tannady](https://twitter.com/jtannady), [Suzie Grange](https://twitter.com/missuze), [Becca Bailey](https://twitter.com/beccaliz), [Luna Wei](https://twitter.com/lunaleaps), [Joe Previte](https://twitter.com/jsjoeio), [Nicola Corti](https://twitter.com/Cortinico), [Gijs Weterings](https://twitter.com/gweterings), [Claudio Procida](https://twitter.com/claudiopro), Julia Neumann, Mengdi Chen, Jean Zhang, Ricky Li и [Xuan Huang (黄玄)](https://twitter.com/Huxpro). -Thanks to [Manjula Dube](https://twitter.com/manjula_dube), [Sahil Mhapsekar](https://twitter.com/apheri0), and Vihang Patel from [React India](https://www.reactindia.io/), and [Jasmine Xie](https://twitter.com/jasmine_xby), [QiChang Li](https://twitter.com/QCL15), and [YanLun Li](https://twitter.com/anneincoding) from [React China](https://twitter.com/ReactChina) for helping moderate our replay event and keep it engaging for the community. +Спасибо [Manjula Dube](https://twitter.com/manjula_dube), [Sahil Mhapsekar](https://twitter.com/apheri0) и Vihang Patel из [React India](https://www.reactindia.io/), а также [Jasmine Xie](https://twitter.com/jasmine_xby), [QiChang Li](https://twitter.com/QCL15) и [YanLun Li](https://twitter.com/anneincoding) из [React China](https://twitter.com/ReactChina) за помощь в модерации нашего повторного показа и поддержании его активности для сообщества. -Thanks to Vercel for publishing their [Virtual Event Starter Kit](https://vercel.com/virtual-event-starter-kit), which the conference website was built on, and to [Lee Robinson](https://twitter.com/leeerob) and [Delba de Oliveira](https://twitter.com/delba_oliveira) for sharing their experience running Next.js Conf. +Спасибо Vercel за публикацию их [Virtual Event Starter Kit](https://vercel.com/virtual-event-starter-kit), на котором был построен веб-сайт конференции, и [Lee Robinson](https://twitter.com/leeerob) и [Delba de Oliveira](https://twitter.com/delba_oliveira) за то, что поделились своим опытом проведения Next.js Conf. -Thanks to [Leah Silber](https://twitter.com/wifelette) for sharing her experience running conferences, learnings from running [RustConf](https://rustconf.com/), and for her book [Event Driven](https://leanpub.com/eventdriven/) and the advice it contains for running conferences. +Спасибо [Leah Silber](https://twitter.com/wifelette) за то, что поделилась своим опытом проведения конференций, уроками из проведения [RustConf](https://rustconf.com/) и своей книгой [Event Driven](https://leanpub.com/eventdriven/) и советами по проведению конференций. -Thanks to [Kevin Lewis](https://twitter.com/_phzn) and [Rachel Nabors](https://twitter.com/rachelnabors) for sharing their experience running Women of React Conf. +Спасибо [Kevin Lewis](https://twitter.com/_phzn) и [Rachel Nabors](https://twitter.com/rachelnabors) за то, что поделились своим опытом проведения Women of React Conf. -Thanks to [Aakansha Doshi](https://twitter.com/aakansha1216), [Laurie Barth](https://twitter.com/laurieontech), [Michael Chan](https://twitter.com/chantastic), and [Shaundai Person](https://twitter.com/shaundai) for their advice and ideas throughout planning. +Спасибо [Aakansha Doshi](https://twitter.com/aakansha1216), [Laurie Barth](https://twitter.com/laurieontech), [Michael Chan](https://twitter.com/chantastic) и [Shaundai Person](https://twitter.com/shaundai) за их советы и идеи на протяжении всего планирования. -Thanks to [Dan Lebowitz](https://twitter.com/lebo) for help designing and building the conference website and tickets. +Спасибо [Dan Lebowitz](https://twitter.com/lebo) за помощь в дизайне и создании веб-сайта конференции и билетов. -Thanks to Laura Podolak Waddell, Desmond Osei-Acheampong, Mark Rossi, Josh Toberman and others on the Facebook Video Productions team for recording the videos for the Keynote and Meta employee talks. +Спасибо Laura Podolak Waddell, Desmond Osei-Acheampong, Mark Rossi, Josh Toberman и другим из команды Facebook Video Productions за запись видео для основного доклада и докладов сотрудников Meta. -Thanks to our partner HitPlay for helping to organize the conference, editing all the videos in the stream, translating all the talks, and moderating the Discord in multiple languages. +Спасибо нашему партнеру HitPlay за помощь в организации конференции, редактировании всех видео в трансляции, переводе всех докладов и модерации Discord на нескольких языках. -Finally, thanks to all of our participants for making this a great React Conf! +Наконец, спасибо всем нашим участникам за то, что сделали эту React Conf такой замечательной! \ No newline at end of file