Never Play Matchmaker

    yellowbox-react

    0.10.0 • Public • Published

    React YellowBox

    This is a direct port of React Native’s YellowBox developer tool to React.js. Original source can be viewed at: https://github.com/facebook/react-native/blob/master/Libraries/ReactIOS/YellowBox.js

    YellowBox renders warnings at the bottom of the app being developed.

    Warnings help guard against subtle yet significant issues that can impact the quality of the app. This "in your face" style of warning allows developers to notice and correct these issues as quickly as possible.

    By default, the warning box is enabled when the NODE_ENV is not 'production'. Set the following flag to disable it (and call console.warn to update any rendered ):

      console.disableYellowBox = true;
      console.warn('YellowBox is disabled.');

    Warnings can be ignored programmatically by setting the array:

      console.ignoredYellowBox = ['Warning: ...'];

    Strings in console.ignoredYellowBox can be a prefix of the warning that should be ignored.

    Example Usage

    import React from 'react';
    import ReactDOM from 'react-dom';
    import YellowBox from 'yellowbox-react';
    import App from './your-app.js';
     
    // ignore HMR (hot module replacement) warnings
    console.ignoredYellowBox = ['[HMR]'];
     
    ReactDOM.render((
      <div>
        <App />
        <YellowBox />
      </div>
    ), document.getElemenById('app'));

    Example Usage with React Blessed

    import React from 'react';
    import ReactBlessed from 'react-blessed';
    import YellowBox from 'yellowbox-react/lib/blessed';
    import blessed from 'blessed';
    
    const screen = blessed.screen({
      autoPadding: true,
      smartCSR: true,
      title: 'react-blessed yellowbox',
    });
    
    screen.key(['escape', 'q', 'C-c'], function(ch, key) {
      return process.exit(0);
    });
    
    ReactBlessed.render((
      <element>
        <App />
        <YellowBox />
      </element>
    ), screen));
    

    License

    Copyright (c) 2015 Dustan Kasten | dustan.kasten@gmail.com Licensed under the MIT license.

    Keywords

    none

    Install

    npm i yellowbox-react

    DownloadsWeekly Downloads

    1

    Version

    0.10.0

    License

    MIT

    Last publish

    Collaborators

    • iamdustan