Repository navigation
Expand file tree
/
Copy pathversions.js
More file actions
78 lines (73 loc) · 2.22 KB
/
Copy pathversions.js
File metadata and controls
78 lines (73 loc) · 2.22 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
/**
* Copyright (c) Facebook, Inc. and its affiliates.
*
* @emails react-core
* @flow
*/
import Layout from 'components/Layout';
import Container from 'components/Container';
import Header from 'components/Header';
import TitleAndMetaTags from 'components/TitleAndMetaTags';
import React from 'react';
import {urlRoot} from 'site-constants';
import {sharedStyles} from 'theme';
// $FlowFixMe This is a valid path
import versions from '../../content/versions.yml';
type Props = {
location: Location,
};
const Versions = ({location}: Props) => (
<Layout location={location}>
<Container>
<div css={sharedStyles.articleLayout.container}>
<div css={sharedStyles.articleLayout.content}>
<Header>React Versions</Header>
<TitleAndMetaTags
canonicalUrl={`${urlRoot}/versions/`}
title="React - Versions"
/>
<div css={sharedStyles.markdown}>
<p>
A complete release history for React is available{' '}
<a
href="https://github.com/facebook/react/releases"
target="_blank"
rel="noopener">
on GitHub
</a>
.<br />
Documentation for recent releases can also be found below.
</p>
<p>
See our FAQ for information about{' '}
<a href="/docs/faq-versioning.html">
our versioning policy and commitment to stability
</a>
.
</p>
{versions.map(version => (
<div key={version.title}>
<h3>{version.title}</h3>
<ul>
<li>
<a href={version.changelog} target="_blank" rel="noopener">
Changelog
</a>
</li>
{version.path && (
<li>
<a href={version.path} rel="nofollow">
Documentation
</a>
</li>
)}
</ul>
</div>
))}
</div>
</div>
</div>
</Container>
</Layout>
);
export default Versions;