React Live Loader

A flexible library for loading React components in to a running ship

React Live Loader brings you the ability to render React components with editable source code and live preview. It supports remote loading and comes in a tiny bundle.

The library is structured modularly and lets you style and compose its components freely.

Install

npm i react-live-loader

or

yarn add react-live-loader

Usage

LiveComponent

import {
    LiveComponent
} from 'react-live-loader'

<LiveComponent 
code={`
    import React from 'react';

    export interface IProps{
        value?: string;
    }

    export default (props: IProps) => {
        return ( 
            <div>{props.value}</div>
        )
    }
`} 
props={{
    value: 'string'
}}/>

RemoteComponent

npm i react-remote-loader

import {
    RemoteComponent
} from 'react-remote-loader'

<RemoteComponent url="" />