diff --git a/src/content/community/videos.md b/src/content/community/videos.md index 25e901281..12e380810 100644 --- a/src/content/community/videos.md +++ b/src/content/community/videos.md @@ -12,112 +12,118 @@ Des vidéos centrées sur React et son écosystème. ### React 18 Keynote {/*react-18-keynote*/} -In the keynote, we shared our vision for the future of React starting with React 18. +Dans cette plénière, nous partagions notre vision de l'avenir de React, à commencer par 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: +Regardez la session plénière intégrale présentée par [Andrew Clark](https://twitter.com/acdlite), [Juan Tejada](https://twitter.com/_jstejada), [Lauren Tan](https://twitter.com/potetotes) et [Rick Hanlon](https://twitter.com/rickhanlonii) : - + ### React 18 for Application Developers {/*react-18-for-application-developers*/} -For a demo of upgrading to React 18, see [Shruti Kapoor](https://twitter.com/shrutikapoor08)’s talk here: +Pour une démo de mise à jour vers React 18, regardez cette présentation de [Shruti Kapoor](https://twitter.com/shrutikapoor08) : - + ### Streaming Server Rendering with Suspense {/*streaming-server-rendering-with-suspense*/} -React 18 also includes improvements to server-side rendering performance using Suspense. +React 18 inclut également des améliorations de performance pour le rendu côté serveur grâce à 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. +Le rendu *streamé* côté serveur permet de générer du HTML à partir de composants React côté serveur, puis de streamer ce HTML à vos utilisateurs. Avec React 18, vous pouvez utiliser `Suspense` pour découper votre appli en petits blocs indépendants qui peuvent être streamés individuellement les uns des autres sans bloquer le reste de l'appli. Ça signifie que vos utilisateurs verront votre contenu plus tôt, et pourront interagir avec bien plus vite. -For a deep dive, see [Shaundai Person](https://twitter.com/shaundai)’s talk here: +La présentation de [Shaundai Person](https://twitter.com/shaundai) ci-dessous explore ce sujet dans le détail : - + ### The first React working group {/*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`. +Nous avons créé pour React 18 notre premier groupe de travail afin de collaborer avec un panel d'experts, de développeurs, de mainteneurs de bibliothèques et d'éducateurs. Nous avons travaillé ensemble pour créer une stratégie d'adoption progressive et affiner les nouvelles API telles que `useId`, `useSyncExternalStore` et `useInsertionEffect`. -For an overview of this work, see [Aakansha' Doshi](https://twitter.com/aakansha1216)'s talk: +Cette présentation d'[Aakansha Doshi](https://twitter.com/aakansha1216) fait un tour d'horizon de ce travail : - + ### React Developer Tooling {/*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. +Pour prendre en charge les nouvelles fonctionnalités de cette version, nous avons par ailleurs annoncé une nouvelle équipe dédiée aux outils de développement React, ainsi qu'un nouveau *Timeline Profiler* pour aider les développeurs à déboguer leurs applis React. -For more information and a demo of new DevTools features, see [Brian Vaughn](https://twitter.com/brian_d_vaughn)’s talk: +Pour plus d'informations et une démo des nouvelles fonctionnalités des outils de développement, regardez la présentation de [Brian Vaughn](https://twitter.com/brian_d_vaughn) : - + ### React without 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: +En regardant plus loin encore vers l'avenir, [Xuan Huang (黄玄)](https://twitter.com/Huxpro) nous partage la progression de la recherche des React Labs research autour d'un compilateur auto-mémoïsant. Regardez sa présentation pour plus d'informations et une démo d'un prototype du compilateur : - + ### React docs keynote {/*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) a inauguré une séquence de présentations sur l'apprentissage et la conception avec React, au travers d'une plénière retraçant notre investissement dans les nouvelles docs de React ([react.dev](/blog/2023/03/16/introducing-react-dev)) : - + -### And more... {/*and-more*/} +### Et plus encore… {/*and-more*/} -**We also heard talks on learning and designing with React:** +**On trouvait aussi des présentations sur l'apprentissage et la conception avec 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). +* 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:** +**Des présentations par les équipes de Relay, React Native, et 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) +* 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:** +**Et des présentations par la communauté sur l'accessibilité, l'outillage et les Composants Serveur :** -* 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). +* 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*/} +## Vidéos plus anciennes {/*older-videos*/} ### React Conf 2019 {/*react-conf-2019*/} -A playlist of videos from React Conf 2019. +Une playlist de vidéos de la React Conf 2019. + ### React Conf 2018 {/*react-conf-2018*/} -A playlist of videos from React Conf 2018. +Une playlist de vidéos de la React Conf 2018. + ### React.js Conf 2017 {/*reactjs-conf-2017*/} -A playlist of videos from React.js Conf 2017. +Une playlist de vidéos de la React.js Conf 2017. ### React.js Conf 2016 {/*reactjs-conf-2016*/} -A playlist of videos from React.js Conf 2016. +Une playlist de vidéos de la React.js Conf 2016. + ### React.js Conf 2015 {/*reactjs-conf-2015*/} -A playlist of videos from React.js Conf 2015. +Une playlist de vidéos de la React.js Conf 2015. + ### 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). +Cette présentation de Pete Hunt à JSConf EU 2013 couvre trois sujets : envoyer paître la notion de gabarits et de construction de vues avec JavaScript, le « re-rendu » de l'intégralité de l'application quand les données changent, et une implémentation légère du DOM et des événements - (2013 - 0h30m). + ### Introduction to React {/*introduction-to-react*/} -Tom Occhino and Jordan Walke introduce React at Facebook Seattle - (2013 - 1h20m). +Tom Occhino et Jordan Walke présentent React à Facebook Seattle - (2013 - 1h20m). + diff --git a/src/sidebarBlog.json b/src/sidebarBlog.json index 66011f492..845c9ada7 100644 --- a/src/sidebarBlog.json +++ b/src/sidebarBlog.json @@ -27,14 +27,14 @@ }, { "title": "Introducing react.dev", - "titleForHomepage": "Introducing react.dev", + "titleForHomepage": "Découvrez react.dev", "icon": "blog", "date": "16 mars 2023", "path": "/blog/2023/03/16/introducing-react-dev" }, { "title": "React Labs: What We've Been Working On – June 2022", - "titleForHomepage": "React Labs: June 2022", + "titleForHomepage": "React Labs : juin 2022", "icon": "labs", "date": "15 juin 2022", "path": "/blog/2022/06/15/react-labs-what-we-have-been-working-on-june-2022"