diff --git a/beta/src/components/MDX/MDXComponents.tsx b/beta/src/components/MDX/MDXComponents.tsx index 6477b94ce..0e284e4b5 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/conferences.md b/beta/src/content/community/conferences.md index faa547832..f2296bf2c 100644 --- a/beta/src/content/community/conferences.md +++ b/beta/src/content/community/conferences.md @@ -10,21 +10,6 @@ Do you know of a local React.js conference? Add it here! (Please keep the list c ## Upcoming Conferences {/*upcoming-conferences*/} -### React Global Online Summit 22.2 by Geekle {/*react-global-online-summit-222-by-geekle*/} -November 8 - 9, 2022 - Online Summit - -[Website](https://events.geekle.us/react3/) - [LinkedIn](https://www.linkedin.com/posts/geekle-us_event-react-reactjs-activity-6964904611207864320-gpDx?utm_source=share&utm_medium=member_desktop) - -### Remix Conf Europe 2022 {/*remix-conf-europe-2022*/} -November 18, 2022, 7am PST / 10am EST / 4pm CET - remote event - -[Website](https://remixconf.eu/) - [Twitter](https://twitter.com/remixconfeu) - -### React Day Berlin 2022 {/*react-day-berlin-2022*/} -December 2, 2022. In-person in Berlin, Germany + remote (hybrid event) - -[Website](https://reactday.berlin) - [Twitter](https://twitter.com/reactdayberlin) - [Facebook](https://www.facebook.com/reactdayberlin/) - [Videos](https://www.youtube.com/c/ReactConferences) - ### RemixConf 2023 {/*remixconf-2023*/} May, 2023. Salt Lake City, UT @@ -50,8 +35,28 @@ June 27th, 2023. Tel Aviv, Israel [Website](https://www.react-next.com/) - [Facebook](https://www.facebook.com/ReactNextConf) - [Youtube](https://www.youtube.com/@ReactNext) +### React India 2023 {/*react-india-2023*/} +Oct 5 - 7, 2023. In-person in Goa, India (hybrid event) + Oct 3 2023 - remote day + +[Website](https://www.reactindia.io) - [Twitter](https://twitter.com/react_india) - [Facebook](https://www.facebook.com/ReactJSIndia) - [Youtube](https://www.youtube.com/channel/UCaFbHCBkPvVv1bWs_jwYt3w) + ## Past Conferences {/*past-conferences*/} +### React Day Berlin 2022 {/*react-day-berlin-2022*/} +December 2, 2022. In-person in Berlin, Germany + remote (hybrid event) + +[Website](https://reactday.berlin) - [Twitter](https://twitter.com/reactdayberlin) - [Facebook](https://www.facebook.com/reactdayberlin/) - [Videos](https://www.youtube.com/c/ReactConferences) + +### React Global Online Summit 22.2 by Geekle {/*react-global-online-summit-222-by-geekle*/} +November 8 - 9, 2022 - Online Summit + +[Website](https://events.geekle.us/react3/) - [LinkedIn](https://www.linkedin.com/posts/geekle-us_event-react-reactjs-activity-6964904611207864320-gpDx?utm_source=share&utm_medium=member_desktop) + +### Remix Conf Europe 2022 {/*remix-conf-europe-2022*/} +November 18, 2022, 7am PST / 10am EST / 4pm CET - remote event + +[Website](https://remixconf.eu/) - [Twitter](https://twitter.com/remixconfeu) + ### React Advanced 2022 {/*react-advanced-2022*/} October 21 & 25, 2022. In-person in London, UK + remote (hybrid event) 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/add-react-to-a-website.md b/beta/src/content/learn/add-react-to-a-website.md index 4c1383fa0..0f496882e 100644 --- a/beta/src/content/learn/add-react-to-a-website.md +++ b/beta/src/content/learn/add-react-to-a-website.md @@ -196,7 +196,7 @@ Adding JSX to a project doesn't require complicated tools like a [bundler](/lear Go to your project folder in the terminal, and paste these two commands (**Be sure you have [Node.js](https://nodejs.org/) installed!**): 1. `npm init -y` (if it fails, [here's a fix](https://gist.github.com/gaearon/246f6380610e262f8a648e3e51cad40d)) -2. `npm install babel-cli@6 babel-preset-react-app@3` +2. `npm install @babel/cli@7 babel-preset-react-app@10` You only need npm to install the JSX preprocessor. You won't need it for anything else. Both React and the application code can stay as `