Skip to content

Commit 449dae5

Browse files
committed
Add html description, fix typo
1 parent 21d9665 commit 449dae5

File tree

2 files changed

+5
-3
lines changed

2 files changed

+5
-3
lines changed

public/index.html

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -21,6 +21,8 @@
2121
-->
2222
<title>Quotes</title>
2323

24+
<meta name="description" content="Example project how to use React, Relay and TypeScript">
25+
2426
<link rel="stylesheet"
2527
href="https://use.fontawesome.com/releases/v5.7.2/css/all.css"
2628
integrity="sha384-fnmOCqbTlWIlj8LyTjo7mOUStjsKC4pOpQbqyi7RrhN7udi9RwhKkMHpvLbHG9Sr"

src/pages/Home.tsx

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -6,12 +6,12 @@ import SEO from '../components/SEO';
66
import HomeContainer from './home/HomeContainer';
77

88
const Home: React.FC = () => (
9-
<SEO title="Quotes" description="">
9+
<SEO title="Quotes" description="Example project how to use React, Relay and TypeScript">
1010
<Container>
1111
<Row>
1212
<Col>
13-
<h1>Quotes - React &amp; Relay examole project</h1>
14-
<p className="lead">The whole page is created with <a href="https://create-react-app.dev/" rel="noopener noreferrer" target="_blank">create-react-app</a> without eject. It uses newest version of <a href="https://reactjs.org/" rel="noopener noreferrer" target="_blank">React</a> (<i>18.0.0</i>) and <a href="https://relay.dev/" rel="noopener noreferrer" target="_blank">Relay</a> (<i>13.0.0</i>) that is now available (<i>19.4.2022</i>) and everything is coded in <a href="https://www.typescriptlang.org/" rel="noopener noreferrer" target="_blank">TypeScript</a>. You can find here how to use <code>useLazyLoadQuery</code>, <code>useFragment</code> and <code>usePaginationFragment</code>. Backend is available in <a href="https://github.com/juffalow/slim-graphql-eloquent-example" rel="noopener noreferrer" target="_blank">PHP</a> and <a href="https://github.com/juffalow/express-graphql-example" rel="noopener noreferrer" target="_blank">NodeJS</a>.</p>
13+
<h1>Quotes - React &amp; Relay example project</h1>
14+
<p className="lead">The whole page is created with <a href="https://create-react-app.dev/" rel="noopener noreferrer" target="_blank">create-react-app</a> without eject. It uses newest version of <a href="https://reactjs.org/" rel="noopener noreferrer" target="_blank">React</a> (<i>18.0.0</i>) and <a href="https://relay.dev/" rel="noopener noreferrer" target="_blank">Relay</a> (<i>14.0.0</i>) that is now available (<i>8.6.2022</i>) and everything is coded in <a href="https://www.typescriptlang.org/" rel="noopener noreferrer" target="_blank">TypeScript</a>. You can find here how to use <code>useLazyLoadQuery</code>, <code>useFragment</code> and <code>usePaginationFragment</code>. Backend is available in <a href="https://github.com/juffalow/slim-graphql-eloquent-example" rel="noopener noreferrer" target="_blank">PHP</a> and <a href="https://github.com/juffalow/express-graphql-example" rel="noopener noreferrer" target="_blank">NodeJS</a>.</p>
1515
<p>This project was created because of lot of hours spent searching, trying and debugging. There are several articles and projects about Relay, but those are mostly using older versions, or it is just a small sample of a code without other major parts. Here is a complete web application with everything you need to start using React, Relay and GraphQL.</p>
1616
<HomeContainer />
1717
<h2>Want to contribute?</h2>

0 commit comments

Comments
 (0)