-
Notifications
You must be signed in to change notification settings - Fork 40
/
Home.tsx
executable file
·35 lines (34 loc) · 1.15 KB
/
Home.tsx
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
import React from 'react';
import { Link } from 'react-router-dom';
export default function Home() {
return (
<div>
<h2>React Router + React Query</h2>
<p>
Using the Star Wars app originally built by{' '}
<a href="https://twitter.com/Brent_m_Clark">@Brent_m_Clark</a>
</p>
<section>
<h3>Purpose</h3>
<p>
By mocking the API calls with my addon you can bring more parts of your app into Storybook than just reusable leaf components.
</p>
<ol className="rr-rq-purpose-list">
<li>
Whole App but it will need lot of mocks (Not Recommended)
</li>
<li>
Subsection of App like only <strong>/films/1</strong> page by passing initial location to MemoryRouter.
</li>
<li>
Isolated Page components by creating individual stories like <strong>Film.stories.js</strong>. (Good Start)
</li>
</ol>
<h3>Ready to get started?</h3>
<p>
Check out the <Link to="/films">Films</Link> and <Link to="/characters">Characters</Link>!
</p>
</section>
</div>
);
}