Nostalgic Perogi Monogramming

    react-component-debug

    0.2.0 • Public • Published

    React Component Debug

    Simple component to debug a component.

    Installation

    npm install  react-component-debug
    

    Usage

    Use the Debug component in your component:

    import React from 'react'
    import Debug from 'react-component-debug'
     
    class MyComponent extends React.Component {
      static defaultProps = {
        firstProp: 'Hello world' 
      }
      state = {
        firstState: 'Hello debug'
      }
      render() {
        return <Debug component={this}/>
      }
    }

    Webpack configuration for dev only

    This component is intended to be used only in development. You can make this module available everywhere in your app as long with this configuration in webpack:

    // webpack.config.js
     
    var plugins = []
     
    if (process.argv.indexOf('-p')) {
      plugins.push(new webpack.ProvidePlugin({Debug: 'react-component-debug'}))
    }
     
    module.exports = {
      // your config here
      plugins: plugins
    }

    Then you can use the module anywhere without having to require it. Be sure to clean your code before building it for prod.

    Install

    npm i react-component-debug

    DownloadsWeekly Downloads

    2

    Version

    0.2.0

    License

    MIT

    Last publish

    Collaborators

    • romainberger