From 6b61cd490d87c620533a3a79210c7c0ca96fdf56 Mon Sep 17 00:00:00 2001 From: Ahmed Abdelbaset Date: Wed, 16 Aug 2023 01:24:46 +0300 Subject: [PATCH 01/22] Annex to #6138 (#6226) * fix: wronge styles when applying RTL it was `top-0 left-0 ...` by wrong I made it `inset-x-0`. * fix wrong styles * fix wrong styles * style canary icon with RTL-friendly styles * chore: utilize mx-* instead of me-* & ms-* * utilize relative styles * chore: use mx-* instead of me-* & ms-* * style canary icon with RTL-frindly styles * Update OpenInTypeScriptPlayground.tsx --- src/components/Layout/HomeContent.js | 2 +- src/components/Layout/Sidebar/SidebarButton.tsx | 2 +- src/components/Layout/Sidebar/SidebarLink.tsx | 4 ++-- src/components/MDX/Sandpack/OpenInCodeSandboxButton.tsx | 2 +- src/components/MDX/Sandpack/OpenInTypeScriptPlayground.tsx | 2 +- src/components/MDX/Sandpack/ResetButton.tsx | 2 +- src/components/PageHeading.tsx | 4 ++-- 7 files changed, 9 insertions(+), 9 deletions(-) diff --git a/src/components/Layout/HomeContent.js b/src/components/Layout/HomeContent.js index d395ff38..924b66f4 100644 --- a/src/components/Layout/HomeContent.js +++ b/src/components/Layout/HomeContent.js @@ -849,7 +849,7 @@ function ExampleLayout({ {overlayStyles.map((styles, i) => (
))} diff --git a/src/components/Layout/Sidebar/SidebarButton.tsx b/src/components/Layout/Sidebar/SidebarButton.tsx index 7b9f027a..dc1f29a8 100644 --- a/src/components/Layout/Sidebar/SidebarButton.tsx +++ b/src/components/Layout/Sidebar/SidebarButton.tsx @@ -31,7 +31,7 @@ export function SidebarButton({ })}>
diff --git a/src/components/MDX/Sandpack/OpenInCodeSandboxButton.tsx b/src/components/MDX/Sandpack/OpenInCodeSandboxButton.tsx index f943ee6f..78286aea 100644 --- a/src/components/MDX/Sandpack/OpenInCodeSandboxButton.tsx +++ b/src/components/MDX/Sandpack/OpenInCodeSandboxButton.tsx @@ -11,7 +11,7 @@ export const OpenInCodeSandboxButton = () => { className="text-sm text-primary dark:text-primary-dark inline-flex items-center hover:text-link duration-100 ease-in transition mx-1 ms-2 md:ms-1" title="Open in CodeSandbox"> diff --git a/src/components/MDX/Sandpack/OpenInTypeScriptPlayground.tsx b/src/components/MDX/Sandpack/OpenInTypeScriptPlayground.tsx index f4b7ba77..7284912e 100644 --- a/src/components/MDX/Sandpack/OpenInTypeScriptPlayground.tsx +++ b/src/components/MDX/Sandpack/OpenInTypeScriptPlayground.tsx @@ -16,7 +16,7 @@ export const OpenInTypeScriptPlaygroundButton = (props: {content: string}) => { target="_blank" rel="noreferrer"> diff --git a/src/components/MDX/Sandpack/ResetButton.tsx b/src/components/MDX/Sandpack/ResetButton.tsx index 243ce234..0d1e22c8 100644 --- a/src/components/MDX/Sandpack/ResetButton.tsx +++ b/src/components/MDX/Sandpack/ResetButton.tsx @@ -15,7 +15,7 @@ export function ResetButton({onReset}: ResetButtonProps) { onClick={onReset} title="Reset Sandbox" type="button"> - Reset + Reset ); } diff --git a/src/components/PageHeading.tsx b/src/components/PageHeading.tsx index b6437b46..076a38be 100644 --- a/src/components/PageHeading.tsx +++ b/src/components/PageHeading.tsx @@ -35,13 +35,13 @@ function PageHeading({ {canary && ( )} {status ? —{status} : ''} {description && ( -

+

{description}

)} From 842c24c9aefaa60b7ae9b46b002bd1b3cf4d31f3 Mon Sep 17 00:00:00 2001 From: Thomas Charuel Date: Thu, 17 Aug 2023 04:17:59 +0200 Subject: [PATCH 02/22] Fix broken link for Typescript Discord invite (#6224) --- src/content/learn/typescript.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/content/learn/typescript.md b/src/content/learn/typescript.md index d437096e..5695b755 100644 --- a/src/content/learn/typescript.md +++ b/src/content/learn/typescript.md @@ -460,4 +460,4 @@ We recommend the following resources: - [React TypeScript Cheatsheet](https://react-typescript-cheatsheet.netlify.app/) is a community-maintained cheatsheet for using TypeScript with React, covering a lot of useful edge cases and providing more breadth than this document. - - [TypeScript Community Discord](discord.com/invite/typescript) is a great place to ask questions and get help with TypeScript and React issues. \ No newline at end of file + - [TypeScript Community Discord](https://discord.com/invite/typescript) is a great place to ask questions and get help with TypeScript and React issues. \ No newline at end of file From f67811befede7566393b0b8c7cf6f399069d4410 Mon Sep 17 00:00:00 2001 From: Luna Date: Mon, 21 Aug 2023 13:34:53 -0700 Subject: [PATCH 03/22] Clarify these features are not related to Next (#6229) Co-authored-by: Luna Wei --- src/content/reference/react/use-client.md | 8 +++++--- src/content/reference/react/use-server.md | 8 +++++--- 2 files changed, 10 insertions(+), 6 deletions(-) diff --git a/src/content/reference/react/use-client.md b/src/content/reference/react/use-client.md index fc6173ac..f0510415 100644 --- a/src/content/reference/react/use-client.md +++ b/src/content/reference/react/use-client.md @@ -51,7 +51,9 @@ When a file marked `'use client'` is imported from a server component, [compatib ## Usage {/*usage*/} +This section is a work in progress. -This section is incomplete. See also the [Next.js documentation for Server Components](https://beta.nextjs.org/docs/rendering/server-and-client-components). - - +This API can be used in any framework that supports React Server Components. You may find additional documentation from them. +* [Next.js documentation](https://nextjs.org/docs/getting-started/react-essentials) +* More coming soon + \ No newline at end of file diff --git a/src/content/reference/react/use-server.md b/src/content/reference/react/use-server.md index 6b9e7df0..4acea191 100644 --- a/src/content/reference/react/use-server.md +++ b/src/content/reference/react/use-server.md @@ -49,7 +49,9 @@ Alternatively, add `'use server';` at the very top of a file to mark all exports ## Usage {/*usage*/} +This section is a work in progress. -This section is incomplete. See also the [Next.js documentation for Server Components](https://beta.nextjs.org/docs/rendering/server-and-client-components). - - +This API can be used in any framework that supports React Server Components. You may find additional documentation from them. +* [Next.js documentation](https://nextjs.org/docs/getting-started/react-essentials) +* More coming soon + \ No newline at end of file From 3189529259e89240a88c05680849ce4a8c454ed2 Mon Sep 17 00:00:00 2001 From: Eli White Date: Wed, 23 Aug 2023 14:53:20 -0700 Subject: [PATCH 04/22] Add React Native EU 2023 to the conferences page (#6254) React attends this conference hosted by Callstack. It's been on the page in previous years, missed it this year. https://www.react-native.eu/ --- src/content/community/conferences.md | 8 +++++++- 1 file changed, 7 insertions(+), 1 deletion(-) diff --git a/src/content/community/conferences.md b/src/content/community/conferences.md index 2908f9cd..974e4a82 100644 --- a/src/content/community/conferences.md +++ b/src/content/community/conferences.md @@ -15,8 +15,14 @@ August 17 & 18, 2023. Salt Lake City, UT, USA [Website](https://www.reactrally.com/) - [Twitter](https://twitter.com/ReactRally) - [Instagram](https://www.instagram.com/reactrally/) +### React Native EU 2023 {/*react-native-eu-2023*/} +September 7 & 8, 2023. Wrocław, Poland + +[Website](https://react-native.eu) - [Twitter](https://twitter.com/react_native_eu) - [Facebook](https://www.facebook.com/reactnativeeu) + + ### React India 2023 {/*react-india-2023*/} -Oct 5 - 7, 2023. In-person in Goa, India (hybrid event) + Oct 3 2023 - remote day +October 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) From 722b54640ea8ef146ef59558100819a6bb31c252 Mon Sep 17 00:00:00 2001 From: Yogesh Surendran Date: Wed, 30 Aug 2023 14:11:39 +0530 Subject: [PATCH 05/22] fix(docs): remove inactive indian meetup groups (#6267) --- src/content/community/meetups.md | 6 ++---- 1 file changed, 2 insertions(+), 4 deletions(-) diff --git a/src/content/community/meetups.md b/src/content/community/meetups.md index 382a0869..680fd323 100644 --- a/src/content/community/meetups.md +++ b/src/content/community/meetups.md @@ -96,12 +96,10 @@ Do you have a local React.js meetup? Add it here! (Please keep the list alphabet ## India {/*india*/} * [Ahmedabad](https://www.meetup.com/react-ahmedabad/) -* [Bangalore](https://www.meetup.com/ReactJS-Bangalore/) -* [Bangalore](https://www.meetup.com/React-Native-Bangalore-Meetup) -* [Chandigarh](https://www.meetup.com/Chandigarh-React-Developers/) +* [Bangalore (React)](https://www.meetup.com/ReactJS-Bangalore/) +* [Bangalore (React Native)](https://www.meetup.com/React-Native-Bangalore-Meetup) * [Chennai](https://www.meetup.com/React-Chennai/) * [Delhi NCR](https://www.meetup.com/React-Delhi-NCR/) -* [Jaipur](https://www.meetup.com/JaipurJS-Developer-Meetup/) * [Pune](https://www.meetup.com/ReactJS-and-Friends/) ## Indonesia {/*indonesia*/} From 9b4c56a210cd2df5e7a94b9bfeb66902b79ec318 Mon Sep 17 00:00:00 2001 From: Monica Powell Date: Tue, 5 Sep 2023 09:20:45 -0400 Subject: [PATCH 06/22] update conferences to move React Rally 23 to previous and add upcoming conferences (#6246) * update conferences to move react rally to previous and add reactjs day * Add React Alicante * Update conferences.md * Update conferences.md to include year of the event * add anchor link * Update conferences.md * Update conferences.md * chore: update country name --------- Co-authored-by: Strek --- src/content/community/conferences.md | 32 +++++++++++++++++++++++++--- 1 file changed, 29 insertions(+), 3 deletions(-) diff --git a/src/content/community/conferences.md b/src/content/community/conferences.md index 974e4a82..19080024 100644 --- a/src/content/community/conferences.md +++ b/src/content/community/conferences.md @@ -10,10 +10,20 @@ Do you know of a local React.js conference? Add it here! (Please keep the list c ## Upcoming Conferences {/*upcoming-conferences*/} -### React Rally 2023 🐙 {/*react-rally-2023*/} -August 17 & 18, 2023. Salt Lake City, UT, USA +### RedwoodJS Conference 2023 {/*redwoodjs-conference-2023*/} +September 26 - 29, 2023. Grants Pass, Oregon + remote (hybrid event) -[Website](https://www.reactrally.com/) - [Twitter](https://twitter.com/ReactRally) - [Instagram](https://www.instagram.com/reactrally/) +[Website](https://www.redwoodjsconf.com/) - [Twitter](https://twitter.com/redwoodjs) + +### React Alicante 2023 {/*react-alicante-2023*/} +September 28 - 30, 2023. Alicante, Spain + +[Website](https://reactalicante.es/) - [Twitter](https://twitter.com/reactalicante) + +### React Live 2023 {/*react-live-2023*/} +September 29, 2023. Amsterdam, Netherlands + +[Website](https://reactlive.nl/) ### React Native EU 2023 {/*react-native-eu-2023*/} September 7 & 8, 2023. Wrocław, Poland @@ -26,11 +36,22 @@ October 5 - 7, 2023. In-person in Goa, India (hybrid event) + Oct 3 2023 - remot [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) +### React Brussels 2023 {/*react-brussels-2023*/} +October 13th 2023. In-person in Brussels, Belgium + Remote (hybrid) + +[Website](https://www.react.brussels/) - [Twitter](https://twitter.com/BrusselsReact) + ### React Advanced 2023 {/*react-advanced-2023*/} October 20 & 23, 2023. In-person in London, UK + remote first interactivity (hybrid event) [Website](https://www.reactadvanced.com/) - [Twitter](https://twitter.com/ReactAdvanced) - [Facebook](https://www.facebook.com/ReactAdvanced) - [Videos](https://portal.gitnation.org/events/react-advanced-conference-2023) +### reactjsday 2023 {/*reactjsday-2023*/} +October 27th 2023. In-person in Verona, Italy and online (hybrid event) + +[Website](https://2023.reactjsday.it/) - [Twitter](https://twitter.com/reactjsday) - [Facebook](https://www.facebook.com/GrUSP/) - [YouTube](https://www.youtube.com/c/grusp) + + ### React Summit US 2023 {/*react-summit-us-2023*/} November 13 & 15, 2023. In-person in New York, US + remote first interactivity (hybrid event) @@ -43,6 +64,11 @@ December 8 & 12, 2023. In-person in Berlin, Germany + remote first interactivity ## Past Conferences {/*past-conferences*/} +### React Rally 2023 🐙 {/*react-rally-2023*/} +August 17 & 18, 2023. Salt Lake City, UT, USA + +[Website](https://www.reactrally.com/) - [Twitter](https://twitter.com/ReactRally) - [Instagram](https://www.instagram.com/reactrally/) + ### React Nexus 2023 {/*react-nexus-2023*/} July 07 & 08, 2023. Bangalore, India (In-person event) From be6c39d8b7d4baf1199d695e5c179e5e511e5183 Mon Sep 17 00:00:00 2001 From: Saksham Gupta <90046016+0xSaksham@users.noreply.github.com> Date: Tue, 5 Sep 2023 21:44:53 +0530 Subject: [PATCH 07/22] Update tutorial-tic-tac-toe.md (#6259) Grammar fix --- src/content/learn/tutorial-tic-tac-toe.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/content/learn/tutorial-tic-tac-toe.md b/src/content/learn/tutorial-tic-tac-toe.md index 16e5f518..7c5adb11 100644 --- a/src/content/learn/tutorial-tic-tac-toe.md +++ b/src/content/learn/tutorial-tic-tac-toe.md @@ -2266,7 +2266,7 @@ to
  • Alexa: 5 tasks left
    • ``` -In addition to the updated counts, a human reading this would probably say that you swapped Alexa and Ben's ordering and inserted Claudia between Alexa and Ben. However, React is a computer program and can't know what you intended, so you need to specify a _key_ property for each list item to differentiate each list item from its siblings. If your data was from a database, Alexa, Ben, and Claudia's database IDs could be used as keys. +In addition to the updated counts, a human reading this would probably say that you swapped Alexa and Ben's ordering and inserted Claudia between Alexa and Ben. However, React is a computer program and does not know what you intended, so you need to specify a _key_ property for each list item to differentiate each list item from its siblings. If your data was from a database, Alexa, Ben, and Claudia's database IDs could be used as keys. ```js {1}
  • From 05380da53eb139b0141ad48f85e6d099138af151 Mon Sep 17 00:00:00 2001 From: "Justin E. Samuels" <9955512+ThugDebugger@users.noreply.github.com> Date: Tue, 5 Sep 2023 12:15:13 -0400 Subject: [PATCH 08/22] Update conferences.md (#6256) Added RenderATL 2024 to the conferences Markdown page --- src/content/community/conferences.md | 5 +++++ 1 file changed, 5 insertions(+) diff --git a/src/content/community/conferences.md b/src/content/community/conferences.md index 19080024..6e85bd6f 100644 --- a/src/content/community/conferences.md +++ b/src/content/community/conferences.md @@ -62,6 +62,11 @@ December 8 & 12, 2023. In-person in Berlin, Germany + remote first interactivity [Website](https://reactday.berlin) - [Twitter](https://twitter.com/reactdayberlin) - [Facebook](https://www.facebook.com/reactdayberlin/) - [Videos](https://portal.gitnation.org/events/react-day-berlin-2023) +### Render(ATL) 2024 🍑 {/*renderatl-2024-*/} +June 12 - June 14, 2024. Atlanta, GA, USA + +[Website](https://renderatl.com) - [Discord](https://www.renderatl.com/discord) - [Twitter](https://twitter.com/renderATL) - [Instagram](https://www.instagram.com/renderatl/) - [Facebook](https://www.facebook.com/renderatl/) - [LinkedIn](https://www.linkedin.com/company/renderatl) - [Podcast](https://www.renderatl.com/culture-and-code#/) + ## Past Conferences {/*past-conferences*/} ### React Rally 2023 🐙 {/*react-rally-2023*/} From cd09ffbc352608f5bc04c8e8f788c5f9ffe164fa Mon Sep 17 00:00:00 2001 From: Rohit Sekh <96457403+venom-10@users.noreply.github.com> Date: Tue, 5 Sep 2023 23:55:56 +0530 Subject: [PATCH 09/22] Update Twitter(X) icon for light and dark mode (#6235) Update Twitter(X) icon for light and dark mode --- src/components/Icon/IconTwitter.tsx | 8 ++++---- 1 file changed, 4 insertions(+), 4 deletions(-) diff --git a/src/components/Icon/IconTwitter.tsx b/src/components/Icon/IconTwitter.tsx index 95117152..e7b0cf09 100644 --- a/src/components/Icon/IconTwitter.tsx +++ b/src/components/Icon/IconTwitter.tsx @@ -9,13 +9,13 @@ export const IconTwitter = memo( return ( - + ); } From 230c39bd91db9005d10985776222fa6aeea95386 Mon Sep 17 00:00:00 2001 From: Max Jacobson Date: Tue, 5 Sep 2023 16:35:49 -0400 Subject: [PATCH 10/22] Fix link in new typescript docs (#6232) While reading the new typescript docs introduced in #6120, I noticed this link points to a fork. This commit changes it to a relative link so it should work everywhere. --- src/content/learn/typescript.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/content/learn/typescript.md b/src/content/learn/typescript.md index 5695b755..56fa5be5 100644 --- a/src/content/learn/typescript.md +++ b/src/content/learn/typescript.md @@ -20,7 +20,7 @@ TypeScript is a popular way to add type definitions to JavaScript codebases. Out ## Installation {/*installation*/} -All [production-grade React frameworks](https://react-dev-git-fork-orta-typescriptpage-fbopensource.vercel.app/learn/start-a-new-react-project#production-grade-react-frameworks) offer support for using TypeScript. Follow the framework specific guide for installation: +All [production-grade React frameworks](/learn/start-a-new-react-project#production-grade-react-frameworks) offer support for using TypeScript. Follow the framework specific guide for installation: - [Next.js](https://nextjs.org/docs/pages/building-your-application/configuring/typescript) - [Remix](https://remix.run/docs/en/1.19.2/guides/typescript) From 14629a7e19e283e415976973f33ceb2a0e4756e3 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?N=C3=A9stor=20Guillermo=20Hern=C3=A1ndez?= Date: Tue, 5 Sep 2023 18:39:45 -0300 Subject: [PATCH 11/22] Fix incorrect link in select.md (#6227) Fix incorrect link in select.md --- src/content/reference/react-dom/components/select.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/content/reference/react-dom/components/select.md b/src/content/reference/react-dom/components/select.md index 46710908..0dbdc153 100644 --- a/src/content/reference/react-dom/components/select.md +++ b/src/content/reference/react-dom/components/select.md @@ -52,7 +52,7 @@ These `` accepts [``](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/optgroup), and [``](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/optgroup) components as children. You can also pass your own components as long as they eventually render one of the allowed components. If you pass your own components that eventually render `