Skip to content

Commit

Permalink
add demo to readme
Browse files Browse the repository at this point in the history
  • Loading branch information
MicheleBertoli committed Dec 15, 2016
1 parent 2e46d60 commit 77312bb
Show file tree
Hide file tree
Showing 2 changed files with 12 additions and 5 deletions.
17 changes: 12 additions & 5 deletions README.md
Original file line number Diff line number Diff line change
Expand Up @@ -3,11 +3,17 @@
# React Fix It
Automagically generate tests from errors.

How to use it:
Follow the flow:

- Enhance your components with `fixIt`
- Write some bugs
- Check the console
- Write some bugs (or wait for your components to fail)
- Open the console and copy the test snippet
- Paste the code to reproduce the error
- Fix the bugs and celebrate

## Demo

![Demo](demo.gif)

## Installation

Expand All @@ -18,15 +24,16 @@ yarn add --dev react-fix-it
## Usage

```jsx
import React, { Component } from 'react'
import fixIt from 'react-fix-it'

class BoringComponent extends Component {
class MyComponent extends Component {
render() {
return <div>Hello ⚛</div>
}
}

const SuperComponent = fixIt(BoringComponent)
export default fixIt(MyComponent)
```

## Test
Expand Down
Binary file added demo.gif
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.

0 comments on commit 77312bb

Please sign in to comment.