Skip to content

Commit e6ca528

Browse files
khakimiokhakimio
authored
Merge pull request #137 from reactjs/sync-7c90c6eb
Sync with react.dev @ 7c90c6e
2 parents 8f1dedc + cc6116c commit e6ca528

File tree

2 files changed

+85
-30
lines changed

2 files changed

+85
-30
lines changed

‎src/components/PageHeading.tsx‎

Lines changed: 48 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -14,8 +14,12 @@ import Tag from 'components/Tag';
1414
import {H1} from './MDX/Heading';
1515
import type {RouteTag, RouteItem} from './Layout/getRouteMeta';
1616
import * as React from 'react';
17+
import {useState, useEffect} from 'react';
18+
import {useRouter} from 'next/router';
1719
import {IconCanary} from './Icon/IconCanary';
1820
import {IconExperimental} from './Icon/IconExperimental';
21+
import {IconCopy} from './Icon/IconCopy';
22+
import {Button} from './Button';
1923

2024
interface PageHeadingProps {
2125
title: string;
@@ -27,6 +31,44 @@ interface PageHeadingProps {
2731
breadcrumbs: RouteItem[];
2832
}
2933

34+
function CopyAsMarkdownButton() {
35+
const {asPath} = useRouter();
36+
const [copied, setCopied] = useState(false);
37+
38+
useEffect(() => {
39+
if (!copied) return;
40+
const timer = setTimeout(() => setCopied(false), 2000);
41+
return () => clearTimeout(timer);
42+
}, [copied]);
43+
44+
async function handleCopy() {
45+
const cleanPath = asPath.split(/[?#]/)[0];
46+
try {
47+
const res = await fetch(cleanPath + '.md');
48+
if (!res.ok) return;
49+
const text = await res.text();
50+
await navigator.clipboard.writeText(text);
51+
setCopied(true);
52+
} catch {
53+
// Silently fail
54+
}
55+
}
56+
57+
return (
58+
<Button onClick={handleCopy} className="text-sm py-1 px-3">
59+
<IconCopy className="w-3.5 h-3.5 me-1.5" />
60+
{copied ? (
61+
'Copied!'
62+
) : (
63+
<>
64+
<span className="hidden sm:inline">Copy page</span>
65+
<span className="sm:hidden">Copy</span>
66+
</>
67+
)}
68+
</Button>
69+
);
70+
}
71+
3072
function PageHeading({
3173
title,
3274
status,
@@ -38,7 +80,12 @@ function PageHeading({
3880
return (
3981
<div className="px-5 sm:px-12 pt-3.5">
4082
<div className="max-w-4xl ms-0 2xl:mx-auto">
41-
{breadcrumbs ? <Breadcrumbs breadcrumbs={breadcrumbs} /> : null}
83+
<div className="flex justify-between items-start">
84+
<div className="flex-1">
85+
{breadcrumbs ? <Breadcrumbs breadcrumbs={breadcrumbs} /> : null}
86+
</div>
87+
<CopyAsMarkdownButton />
88+
</div>
4289
<H1 className="mt-0 text-primary dark:text-primary-dark -mx-.5 break-words">
4390
{title}
4491
{version === 'canary' && (

‎src/content/community/conferences.md‎

Lines changed: 37 additions & 29 deletions
Original file line numberDiff line numberDiff line change
@@ -10,65 +10,73 @@ Do you know of a local React.js conference? Add it here! (Please keep the list c
1010

1111
## Upcoming Conferences {/*upcoming-conferences*/}
1212

13+
<<<<<<< HEAD
1314
### React Universe Conf 2025 {/*react-universe-conf-2025*/}
1415

1516
[Website](https://reactday.berlin/) - [Twitter](https://x.com/reactdayberlin)
17+
=======
18+
### React Paris 2026 {/*react-paris-2026*/}
19+
March 26 - 27, 2026. In-person in Paris, France (hybrid event)
1620

17-
### React Alicante 2025 {/*react-alicante-2025*/}
18-
October 2-4, 2025. Alicante, Spain.
21+
[Website](https://react.paris/) - [Twitter](https://x.com/BeJS_)
22+
>>>>>>> 7c90c6eb4bb93a5eacb9cb4ad4ca496c32984636
1923
20-
[Website](https://reactalicante.es/) - [Twitter](https://x.com/ReactAlicante) - [Bluesky](https://bsky.app/profile/reactalicante.es) - [YouTube](https://www.youtube.com/channel/UCaSdUaITU1Cz6PvC97A7e0w)
24+
### CityJS London 2026 {/*cityjs-london-2026*/}
25+
April 14-17, 2026. In-person in London
2126

22-
### RenderCon Kenya 2025 {/*rendercon-kenya-2025*/}
23-
October 04, 2025. Nairobi, Kenya
27+
[Website](https://india.cityjsconf.org/) - [Twitter](https://x.com/cityjsconf) - [Bluesky](https://bsky.app/profile/cityjsconf.bsky.social)
2428

25-
[Website](https://rendercon.org/) - [Twitter](https://twitter.com/renderconke) - [LinkedIn](https://www.linkedin.com/company/renderconke/) - [YouTube](https://www.youtube.com/channel/UC0bCcG8gHUL4njDOpQGcMIA)
29+
### ZurichJS Conf 2026 {/*zurichjs-conf-2026*/}
30+
September 10-11, 2026. In-person in Zurich, Switzerland
2631

27-
### React Conf 2025 {/*react-conf-2025*/}
28-
October 7-8, 2025. Henderson, Nevada, USA and free livestream
32+
[Website](https://conf.zurichjs.com?utm_campaign=ZurichJS_Conf&utm_source=referral&utm_content=reactjs_community_conferences) - [Twitter](https://x.com/zurichjs) - [LinkedIn](https://www.linkedin.com/company/zurichjs/)
2933

30-
[Website](https://conf.react.dev/) - [Twitter](https://x.com/reactjs) - [Bluesky](https://bsky.app/profile/react.dev)
34+
## Past Conferences {/*past-conferences*/}
3135

32-
### React India 2025 {/*react-india-2025*/}
33-
October 31 - November 01, 2025. In-person in Goa, India (hybrid event) + Oct 15 2025 - remote day
36+
### CityJS New Delhi 2026 {/*cityjs-newdelhi-2026*/}
37+
February 12-13, 2026. In-person in New Delhi, India
3438

35-
[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)
39+
[Website](https://india.cityjsconf.org/) - [Twitter](https://x.com/cityjsconf) - [Bluesky](https://bsky.app/profile/cityjsconf.bsky.social)
3640

37-
### React Summit US 2025 {/*react-summit-us-2025*/}
38-
November 18 - 21, 2025. In-person in New York, USA + remote (hybrid event)
41+
### CityJS Singapore 2026 {/*cityjs-singapore-2026*/}
42+
February 4-6, 2026. In-person in Singapore
3943

40-
[Website](https://reactsummit.us/) - [Twitter](https://x.com/reactsummit)
44+
[Website](https://india.cityjsconf.org/) - [Twitter](https://x.com/cityjsconf) - [Bluesky](https://bsky.app/profile/cityjsconf.bsky.social)
4145

4246
### React Advanced London 2025 {/*react-advanced-london-2025*/}
4347
November 28 & December 1, 2025. In-person in London, UK + online (hybrid event)
4448

4549
[Website](https://reactadvanced.com/) - [Twitter](https://x.com/reactadvanced)
4650

47-
### CityJS Singapore 2026 {/*cityjs-singapore-2026*/}
48-
February 4-6, 2026. In-person in Singapore
49-
50-
[Website](https://india.cityjsconf.org/) - [Twitter](https://x.com/cityjsconf) - [Bluesky](https://bsky.app/profile/cityjsconf.bsky.social)
51+
### React Summit US 2025 {/*react-summit-us-2025*/}
52+
November 18 - 21, 2025. In-person in New York, USA + remote (hybrid event)
5153

52-
### CityJS New Delhi 2026 {/*cityjs-newdelhi-2026*/}
53-
February 12-13, 2026. In-person in New Delhi, India
54+
[Website](https://reactsummit.us/) - [Twitter](https://x.com/reactsummit)
5455

55-
[Website](https://india.cityjsconf.org/) - [Twitter](https://x.com/cityjsconf) - [Bluesky](https://bsky.app/profile/cityjsconf.bsky.social)
56+
### React India 2025 {/*react-india-2025*/}
57+
October 31 - November 01, 2025. In-person in Goa, India (hybrid event) + Oct 15 2025 - remote day
5658

59+
[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)
5760

58-
### React Paris 2026 {/*react-paris-2026*/}
59-
March 26 - 27, 2026. In-person in Paris, France (hybrid event)
61+
### React Conf 2025 {/*react-conf-2025*/}
62+
October 7-8, 2025. Henderson, Nevada, USA and free livestream
6063

61-
[Website](https://react.paris/) - [Twitter](https://x.com/BeJS_)
64+
[Website](https://conf.react.dev/) - [Twitter](https://x.com/reactjs) - [Bluesky](https://bsky.app/profile/react.dev)
6265

66+
### RenderCon Kenya 2025 {/*rendercon-kenya-2025*/}
67+
October 04, 2025. Nairobi, Kenya
6368

64-
### CityJS London 2026 {/*cityjs-london-2026*/}
65-
April 14-17, 2026. In-person in London
69+
[Website](https://rendercon.org/) - [Twitter](https://twitter.com/renderconke) - [LinkedIn](https://www.linkedin.com/company/renderconke/) - [YouTube](https://www.youtube.com/channel/UC0bCcG8gHUL4njDOpQGcMIA)
6670

67-
[Website](https://india.cityjsconf.org/) - [Twitter](https://x.com/cityjsconf) - [Bluesky](https://bsky.app/profile/cityjsconf.bsky.social)
71+
### React Alicante 2025 {/*react-alicante-2025*/}
72+
October 2-4, 2025. Alicante, Spain.
6873

74+
[Website](https://reactalicante.es/) - [Twitter](https://x.com/ReactAlicante) - [Bluesky](https://bsky.app/profile/reactalicante.es) - [YouTube](https://www.youtube.com/channel/UCaSdUaITU1Cz6PvC97A7e0w)
6975

70-
## Past Conferences {/*past-conferences*/}
76+
### React Universe Conf 2025 {/*react-universe-conf-2025*/}
77+
September 2-4, 2025. Wrocław, Poland.
7178

79+
[Website](https://www.reactuniverseconf.com/) - [Twitter](https://twitter.com/react_native_eu) - [LinkedIn](https://www.linkedin.com/events/reactuniverseconf7163919537074118657/)
7280

7381
### React Nexus 2025 {/*react-nexus-2025*/}
7482
July 03 - 05, 2025. In-person in Bangalore, India

0 commit comments

Comments
 (0)