@smarter-click/react-development-warnings

Base project for creating distributable React components

Usage no npm install needed!

<script type="module">
  import smarterClickReactDevelopmentWarnings from 'https://cdn.skypack.dev/@smarter-click/react-development-warnings';
</script>

README

Smarter Click

React Development Warnings

Usage

(with create-react-app)

import React from 'react';
import { render } from 'react-dom';
import DevelopmentWarnings from '@smarter-click/react-development-warnings';

const App = () => {

  const Foo = () => { /* some react component */}

  return process.env.NODE_ENV === 'development'
    ? (
      <DevelopmentWarnings
        message="Custom message"
        dev
      >
        <Foo />
      </DevelopmentWarnings>
    )
    : <Foo />;
};

render(<App>, document.getElementById('root'));