console-feed - Captures console.log's into a React Component 🔥

  •        31

A React component that displays console logs from the current page, an iframe or transported across a server. Filter the logs, only displaying messages of certain methods.

https://github.com/samdenty99/console-feed

Dependencies:

emotion : ^9.1.1
emotion-theming : ^9.0.0
linkifyjs : ^2.1.6
react-emotion : ^9.1.1
react-inspector : ^2.2.2

Tags
Implementation
License
Platform

   




Related Projects

console-feed - Captures console.log's into a React Component 🔥

  •    TypeScript

A React component that displays console logs from the current page, an iframe or transported across a server. Filter the logs, only displaying messages of certain methods.

bosket - Collection of tree view components for front-end frameworks. :deciduous_tree:

  •    Javascript

Bosket is a library of tree views implementations for front-end reactive frameworks. Tree views, which are basically an elegant way to display nested lists, are very versatile and can for example be used as file explorers, menus, table of contents or category lists.

Silverlight Inspector

  •    Silverlight

Silverlight Inspector is a utility for inspecting Silverlight XAP files. Developers and designers can use it to view the visual tree of an application and/or control and view assemblies within a XAP.


hirb - A mini view framework for console/irb that's easy to use, even while under its influence

  •    Ruby

To read a linked version of this README, click here. Hirb provides a mini view framework for console applications and uses it to improve ripl(irb)'s default inspect output. Given an object or array of objects, hirb renders a view based on the object's class and/or ancestry. Hirb offers reusable views in the form of helper classes. The two main helpers, Hirb::Helpers::Table and Hirb::Helpers::Tree, provide several options for generating ascii tables and trees. Using Hirb::Helpers::AutoTable, hirb has useful default views for at least ten popular database gems i.e. Rails' ActiveRecord::Base. Other than views, hirb offers a smart pager and a console menu. The smart pager only pages when the output exceeds the current screen size. The menu is used in conjunction with tables to offer two dimensional menus.

react-treebeard - React Tree View Component. Data-Driven, Fast, Efficient and Customisable.

  •    Javascript

React Tree View Component. Data-Driven, Fast, Efficient and Customisable. Callback function when a node is toggled / clicked. Passes 2 attributes: the data node and it's toggled boolean state.

react-treebeard - React Tree View Component. Data-Driven, Fast, Efficient and Customisable.

  •    Javascript

React Tree View Component. Data-Driven, Fast, Efficient and Customisable. Callback function when a node is toggled / clicked. Passes 2 attributes: the data node and it's toggled boolean state.

react-treebeard - React Tree View Component. Data-Driven, Fast, Efficient and Customisable.

  •    Javascript

React Tree View Component. Data-Driven, Fast, Efficient and Customisable. Callback function when a node is toggled / clicked. Passes 2 attributes: the data node and it's toggled boolean state.

MagicalRecord - Super Awesome Easy Fetching for Core Data 1!!!11!!!!1!

  •    Objective-C

In software engineering, the active record pattern is a design pattern found in software that stores its data in relational databases. It was named by Martin Fowler in his book Patterns of Enterprise Application Architecture. The interface to such an object would include functions such as Insert, Update, and Delete, plus properties that correspond more-or-less directly to the columns in the underlying database table. Active record is an approach to accessing data in a database. A database table or view is wrapped into a class; thus an object instance is tied to a single row in the table. After creation of an object, a new row is added to the table upon save. Any object loaded gets its information from the database; when an object is updated, the corresponding row in the table is also updated. The wrapper class implements accessor methods or properties for each column in the table or view.

WPF Inspector

  •    WPF

WPF Inspector is a utility that attaches to a running WPF application to troubleshoot common problems with layouting, databinding or styling. WPF Inspector allows you to explore a live view of the logical- and visual tree, read and edit property values of elements, watch the data

php-activerecord - ActiveRecord implementation for PHP

  •    PHP

Active record is an approach to access data in a database. A database table or view is wrapped into a class, thus an object instance is tied to a single row in the table. After creation of an object, a new row is added to the table upon save. Any object loaded gets its information from the database; when an object is updated, the corresponding row in the table is also updated. The wrapper class implements accessor methods or properties for each column in the table or view. More details can be found here.

component-inspector - Component DOM inspector

  •    Javascript

General purpose of tool is showing components boundaries and its DOM fragment with some details. It could be extended by features like source fragment locating and opening file in editor. See Additional features section for details. You also could setup custom API for your own component solution.

DbGate- Database manager for MySQL, PostgreSQL, SQL Server, MongoDB, SQLite and others

  •    Svelte

DbGate is cross-platform database manager. It's designed to be simple to use and effective, when working with more databases simultaneously. But there are also many advanced features like schema compare, visual query designer, chart visualisation or batch export and import. It supports MySQL, PostgreSQL ,SQL Server, MongoDB, Redis, SQLite, Amazon Redshift, CockroachDB, and MariaDB.

react-native-overlay - An <Overlay /> component that brings content inside to the front of the view regardless of its current position in the component tree

  •    Objective-C

An <Overlay /> component that brings content inside to the front of the view regardless of its current position in the component tree. This was extracted from react-native-modal because a modal is not the only time that you want to bring something to the front of the screen. Ideally, no. This should probably only be used as a last resort. You can usually accomplish what you need to by just absolute positioning an view at the bottom of your root component.

table - React Table

  •    TypeScript

React table component with useful functions. rc-table is released under the MIT license.

redux-devtools-log-monitor - The default monitor for Redux DevTools with a tree view

  •    Javascript

The default monitor for Redux DevTools with a tree view. It shows a log of states and actions, and lets you change their history. Then you can render <DevTools> to any place inside app or even into a separate popup window.






We have large collection of open source products. Follow the tags from Tag Cloud >>


Open source products are scattered around the web. Please provide information about the open source projects you own / you use. Add Projects.