https://github.com/chengcyber/react-yelling

make your react component yelling :)
https://github.com/chengcyber/react-yelling

jest lifecycle react react-yelling rollup

Last synced: 27 days ago
JSON representation

make your react component yelling :)

• Host: GitHub
• URL: https://github.com/chengcyber/react-yelling
• Owner: chengcyber
• License: mit
• Created: 2018-01-11T14:50:34.000Z (almost 7 years ago)
• Default Branch: master
• Last Pushed: 2018-01-14T05:03:21.000Z (almost 7 years ago)
• Last Synced: 2024-09-14T10:02:21.010Z (about 2 months ago)
• Topics: jest, lifecycle, react, react-yelling, rollup
• Language: JavaScript
• Size: 98.6 KB
• Stars: 7
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# React-yelling: handy debug react life cycle

  every time you wanna trace a component life cycle, so trivial the life cycle method need you define! That's `react-yelling` comes to the rescue.

# Quick start

```

import React from 'react'

import yell from 'react-yelling'

@yell()

class A extends React.Component {

  render() {

    return 
Hello, World

  }

}


export default A

```

# Screenshot

![](assets/logout.png)

# Config

| param                     | type              | default | description                     |

| ---                       | ---               | ---     | ---                             |

| predicate                 | Boolean, Function | true    | yell or slience                 |

| componentWillMount        | Boolean           | true    | slience when false, same beblow |

| render                    | Boolean           | true    |                                 |

| componentDidMount         | Boolean           | true    |                                 |

| componentWillReceiveProps | Boolean           | true    |                                 |

| shouldComponentUpdate     | Boolean           | true    |                                 |

| componentWillUpdate       | Boolean           | true    |                                 |

| componentDidUpdate        | Boolean           | true    |                                 |

| componentWillUnmount      | Boolean           | true    |                                 |

```

@yell({

  // ...configs

})

class A extends Reactr.Component {

  // ... rest of code

```

# Developlement

leverage rollup to package this module

```

yarn dev

```

# Test

jest tests the react render correctly

```

yarn test

```

# License

MIT