diegomura / React Log
Licence: other
React for the Console
Stars: ✭ 553
Programming Languages
javascript
184084 projects - #8 most used programming language
Projects that are alternatives of or similar to React Log
gxlog
A concise, functional, flexible and extensible logger for go.
Stars: ✭ 65 (-88.25%)
Mutual labels: log, logging
Golog
A high-performant Logging Foundation for Go Applications. X3 faster than the rest leveled loggers.
Stars: ✭ 208 (-62.39%)
Mutual labels: logging, log
Daiquiri
Python library to easily setup basic logging functionality
Stars: ✭ 308 (-44.3%)
Mutual labels: logging, log
debug.js
Debugger of JavaScript, by JavaScript, for JavaScript
Stars: ✭ 19 (-96.56%)
Mutual labels: log, dom
Heliumlogger
A lightweight logging framework for Swift
Stars: ✭ 169 (-69.44%)
Mutual labels: logging, log
Borgert Cms
Borgert is a CMS Open Source created with Laravel Framework 5.6
Stars: ✭ 298 (-46.11%)
Mutual labels: logging, log
Monolog Bridge
Provides integration for Monolog with various Symfony components.
Stars: ✭ 2,238 (+304.7%)
Mutual labels: logging, log
Cocoalumberjack
A fast & simple, yet powerful & flexible logging framework for Mac and iOS
Stars: ✭ 12,584 (+2175.59%)
Mutual labels: logging, log
Sematext Agent Docker
Sematext Docker Agent - host + container metrics, logs & event collector
Stars: ✭ 194 (-64.92%)
Mutual labels: logging, log
Fluent Bit
Fast and Lightweight Logs and Metrics processor for Linux, BSD, OSX and Windows
Stars: ✭ 3,223 (+482.82%)
Mutual labels: logging, log
Co
Art of C++. Flag, logging, unit-test, json, go-style coroutine and more.
Stars: ✭ 2,264 (+309.4%)
Mutual labels: logging, log
Oklog
A distributed and coördination-free log management system
Stars: ✭ 2,937 (+431.1%)
Mutual labels: logging, log
React for the Console
Install
yarn add react-log
or
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!
Example
import Log from 'react-log';
<Log>
<h1
style={{
color: 'black',
fontSize: '50px',
fontWeight: 'normal',
fontFamily: 'Open Sans, sans-serif',
}}>
React
<span
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
</span>
</h1>
<a
href='https://github.com/diegomura/react-log'
style={{ display: 'block', lineHeight: '40px' }}
>
For more info
</a>
</Log>
Output
Run the example yourself
On the root of the project:
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
Note that the project description data, including the texts, logos, images, and/or trademarks,
for each open source project belongs to its rightful owner.
If you wish to add or remove any projects, please contact us at [email protected].