Render the React Component in Command

command-react

Render the React Component in Command.

Quick Start

$ npm i command-react

// require in node.js file
const CommandReact = require("command-react");

class App extends React.Component {
  constructor(props) {
    super(props);
    this.state = {
      count: 0,
    };
  }
  render() {
    return (
      <container>
        <button
          onClick={() => {
            this.setState({ count: this.state.count - 1 });
          }}
        >
          [-]
        </button>
        <text>{this.state.count}</text>
        <button
          onClick={() => {
            this.setState({ count: this.state.count + 1 });
          }}
        >
          [+]
        </button>
      </container>
    );
  }
}

// Just render the App in command screen 直接在命令行中渲染即可
CommandReact.default.render(React.createElement(App, {}, null), new CommandReact.Screen({}));

GitHub

https://github.com/meloalright/command-react