diff --git a/beta/src/components/MDX/MDXComponents.tsx b/beta/src/components/MDX/MDXComponents.tsx index 6f951d6c4..194986798 100644 --- a/beta/src/components/MDX/MDXComponents.tsx +++ b/beta/src/components/MDX/MDXComponents.tsx @@ -353,15 +353,18 @@ function InlineTocItem({items}: {items: Array}) { ); } -function LinkWithTodo({href, children, ...props}: JSX.IntrinsicElements['a']) { - if (href?.startsWith('TODO')) { - return children; - } - +function YouTubeIframe(props: any) { return ( - - {children} - +
+ + **React Server Components are still in research and development.** We are sharing this work in the spirit of transparency and to get initial feedback from the React community. There will be plenty of time for that, so **don't feel like you have to catch up right now!** diff --git a/beta/src/content/blog/2021/12/17/react-conf-2021-recap.md b/beta/src/content/blog/2021/12/17/react-conf-2021-recap.md index a22a9abae..87e6e3c6d 100644 --- a/beta/src/content/blog/2021/12/17/react-conf-2021-recap.md +++ b/beta/src/content/blog/2021/12/17/react-conf-2021-recap.md @@ -32,7 +32,7 @@ In the keynote, we also shared our vision for Suspense, Server Components, new R 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: - + ## React 18 for Application Developers {/*react-18-for-application-developers*/} @@ -59,7 +59,7 @@ root.render(); For a demo of upgrading to React 18, see [Shruti Kapoor](https://twitter.com/shrutikapoor08)’s talk here: - + ## Streaming Server Rendering with Suspense {/*streaming-server-rendering-with-suspense*/} @@ -69,7 +69,7 @@ Streaming server rendering lets you generate HTML from React components on the s For a deep dive, see [Shaundai Person](https://twitter.com/shaundai)’s talk here: - + ## The first React working group {/*the-first-react-working-group*/} @@ -77,7 +77,7 @@ For React 18, we created our first Working Group to collaborate with a panel of For an overview of this work, see [Aakansha' Doshi](https://twitter.com/aakansha1216)'s talk: - + ## React Developer Tooling {/*react-developer-tooling*/} @@ -85,19 +85,19 @@ To support the new features in this release, we also announced the newly formed For more information and a demo of new DevTools features, see [Brian Vaughn](https://twitter.com/brian_d_vaughn)’s talk: - + ## 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: - + ## 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](https://beta.reactjs.org/): - + ## And more... {/*and-more*/} diff --git a/beta/src/content/community/videos.md b/beta/src/content/community/videos.md index ee9912766..379bb09e2 100644 --- a/beta/src/content/community/videos.md +++ b/beta/src/content/community/videos.md @@ -16,13 +16,13 @@ In the keynote, we shared our vision for the future of React starting with React 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: - + ### 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: - + ### Streaming Server Rendering with Suspense {/*streaming-server-rendering-with-suspense*/} @@ -32,7 +32,7 @@ Streaming server rendering lets you generate HTML from React components on the s For a deep dive, see [Shaundai Person](https://twitter.com/shaundai)’s talk here: - + ### The first React working group {/*the-first-react-working-group*/} @@ -40,7 +40,7 @@ For React 18, we created our first Working Group to collaborate with a panel of For an overview of this work, see [Aakansha' Doshi](https://twitter.com/aakansha1216)'s talk: - + ### React Developer Tooling {/*react-developer-tooling*/} @@ -48,19 +48,19 @@ To support the new features in this release, we also announced the newly formed For more information and a demo of new DevTools features, see [Brian Vaughn](https://twitter.com/brian_d_vaughn)’s talk: - + ### 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: - + ### 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](https://beta.reactjs.org/): - + ### And more... {/*and-more*/} @@ -90,34 +90,34 @@ Looking further into the future, [Xuan Huang (黄玄)](https://twitter.com/Huxpr ### React Conf 2019 {/*react-conf-2019*/} A playlist of videos from React Conf 2019. - + ### React Conf 2018 {/*react-conf-2018*/} A playlist of videos from React Conf 2018. - + ### React.js Conf 2017 {/*reactjs-conf-2017*/} A playlist of videos from React.js Conf 2017. - + ### React.js Conf 2016 {/*reactjs-conf-2016*/} A playlist of videos from React.js Conf 2016. - + ### React.js Conf 2015 {/*reactjs-conf-2015*/} A playlist of videos from 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). - + ### Introduction to React {/*introduction-to-react*/} Tom Occhino and Jordan Walke introduce React at Facebook Seattle - (2013 - 1h20m). - + diff --git a/beta/src/content/learn/responding-to-events.md b/beta/src/content/learn/responding-to-events.md index 59ce0d73d..1f3fa9233 100644 --- a/beta/src/content/learn/responding-to-events.md +++ b/beta/src/content/learn/responding-to-events.md @@ -231,7 +231,7 @@ If you use a [design system](https://uxdesign.cc/everything-you-need-to-know-abo ### Naming event handler props {/*naming-event-handler-props*/} -Built-in components like `