Skip to content

Commit 9534209

Browse files
authored
Merge pull request #44 from oslabs-beta/rydang/readme
Update readme.md
2 parents 8ac5592 + 343585a commit 9534209

File tree

1 file changed

+42
-3
lines changed

1 file changed

+42
-3
lines changed

readme.md

Lines changed: 42 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,43 @@
1-
This is react-time-travel
2-
A debugging tool for react in chrome extension.
1+
# React-Time-Travel
32

4-
TESTING DEV
3+
A debugging tool for React. Records state whenever state is changed and allows user to jump to any previous recorded state.
4+
5+
Two parts are needed for this tool to function. The chrome extension must be installed, and the NPM package must be installed and used in the React code.
6+
7+
## Installing
8+
9+
1. Download the Chrome extension from Chrome Web Store.
10+
11+
2. Install the npm package in your code.
12+
```
13+
npm i react-time-travel
14+
```
15+
3. Call the `linkFiber` method on your root container after rendering your App.
16+
17+
```
18+
const { linkFiber } = require('react-time-travel');
19+
20+
const rootContainer = document.getElementById('root');
21+
ReactDom.render(<App />, rootContainer);
22+
23+
linkFiber(rootContainer);
24+
```
25+
26+
4. Done! That's all you have to do to link your React project to our library.
27+
28+
## How to Use
29+
30+
After installing both the Chrome extension and the npm package, just open up your project in the browser.
31+
32+
Then open up your Chrome DevTools. There'll be a new tab called React-Time-Travel.
33+
34+
## Authors
35+
36+
* **Ryan Dang** - [@rydang](https://github.com/rydang)
37+
* **Bryan Lee** - [@mylee1995](https://github.com/mylee1995)
38+
* **Josh Kim** - [@joshua0308](https://github.com/joshua0308)
39+
* **Sierra Swaby** - [@starkspark](https://github.com/starkspark)
40+
41+
## License
42+
43+
This project is licensed under the MIT License - see the [LICENSE](LICENSE) file for details

0 commit comments

Comments
 (0)