Quickstart: Add SuspenseWithPerf import (#244)

* Update import step to add SuspenseWithPerf

* Added review comment: Use function component term

* Corrected import terminology
This commit is contained in:
Shelley Cincotta
2020-04-02 14:21:29 -04:00
committed by GitHub
parent e32aa4083b
commit 2b6f8e882b

View File

@@ -74,9 +74,10 @@ npm install --save firebase reactfire
1. _Continue to Console_
## 5. Add Firebase to `src/index.js`
## 5. Add Firebase to `index.js`
> Open the src directory and add code to index.js as described below.
1. Import Firebase and ReactFire
1. Import from ReactFire
```js
//...
@@ -108,13 +109,14 @@ npm install --save firebase reactfire
//...
```
## 6. Modify `src/App.js`
## 6. Add the Burrito() function component to `App.js`
> Open the src directory and add code to App.js as described below.
1. Import the `useFirestoreDocData` and `useFirestore` hooks
1. Import from ReactFire
```js
//...
import { useFirestoreDocData, useFirestore } from 'reactfire';
import { useFirestoreDocData, useFirestore, SuspenseWithPerf} from 'reactfire';
//...
```