react-log

React for the Console


Install

``sh
yarn add react-log
`
or
`sh
npm install react-log --save
`

Usage

_react-log_ exports a single React Component called _Log_. Each child will not be rendered on the DOM, but will produce an analog representation on the console.

No proprietary syntax is needed for child HTML elements. _react-log_ handles the parsing and rendering of native React-DOM elements for you.

Let's see it in action!

$3

`jsx
import Log from 'react-log';


style={{
color: 'black',
fontSize: '50px',
fontWeight: 'normal',
fontFamily: 'Open Sans, sans-serif',
}}>
React
style={{
color: 'white',
fontSize: '45px',
fontWeight: 'bold',
marginLeft: '10px',
padding: '5px',
fontFamily: 'Arial, Helvetica, sans-serif',
background: 'linear-gradient(to bottom right, #13493b, #016a26)',
}}>
log


href='https://github.com/diegomura/react-log'
style={{ display: 'block', lineHeight: '40px' }}
>
For more info


`
See full example

#### Output
!banner

#### Run the example yourself
On the root of the project:

`sh
cd examples/
npm install
npm start
`

The server should be listening now on http://localhost:8080`

Browser Support

Tested and working on Chrome 51 and Firefox 45.
Does not work on Safari or IE as far I've seen. Yet.

License

MIT © Diego Muracciole