Skip to content

Commit 1554e76

Browse files
committed
Docs: Simplify third-parties guide a bit, fix heading
1 parent f6bf46f commit 1554e76

File tree

1 file changed

+6
-9
lines changed

1 file changed

+6
-9
lines changed

docs/Thirdparties.md

+6-9
Original file line numberDiff line numberDiff line change
@@ -92,11 +92,7 @@ export default class Wrapper extends Component {
9292

9393
### Relay
9494

95-
Based on @mikberg’s [blog post](https://medium.com/@mikaelberg/writing-simple-unit-tests-with-relay-707f19e90129).
96-
97-
#### 1. Mock out Relay
98-
99-
You’ll need the content from [this Gist](https://gist.github.com/mikberg/07b4006e22aacf31ffe6) for your mocked-out Relay replacement.
95+
**First, mock out Relay.** You’ll need the content from [this Gist](https://gist.github.com/mikberg/07b4006e22aacf31ffe6) for your mocked-out Relay replacement.
10096

10197
```js
10298
// styleguide.config.js
@@ -120,9 +116,7 @@ import Relay from 'real-react-relay';
120116
// Copy contents from https://gist.github.com/mikberg/07b4006e22aacf31ffe6
121117
```
122118

123-
#### 2. Provide sample data to your React components
124-
125-
You’ll probably want to massage actual results from your GraphQL backend, and make it available to the examples:
119+
**Second, provide sample data to your React components** to be able to message actual results from your GraphQL backend:
126120

127121
```js
128122
// styleguide.config.js
@@ -148,7 +142,10 @@ module.exports = {
148142
<MyComponent object={sample.object} />
149143
```
150144

151-
## How to use React Styleguidist with Styled Components?
145+
*Based on @mikberg’s [blog post](https://medium.com/@mikaelberg/writing-simple-unit-tests-with-relay-707f19e90129).*
146+
147+
148+
### Styled Components
152149

153150
The [recommended way](https://github.com/styleguidist/react-styleguidist/issues/37#issuecomment-263502454) of using [Styled Components](https://styled-components.com/) is like this:
154151

0 commit comments

Comments
 (0)