Pagedraw docs

This is the Pagedraw documentation. Pagedraw is a WYSIWYG editor that generates code for your presentational - aka dumb - React components.

If you're not sure what Pagedraw is, take a look at this demo.

Considering using Pagedraw?

Get started

Head over to the Getting Started guide to try out Pagedraw without leaving your browser. If you want to install our CLI and use Pagedraw with your local development environment, check out this installation guide.

If you're not familiar with React yet, check out the official ReactJS home page. Finally, join our community and share what you're working on.

Sample Pagedraw Usage

import React from "react";
import MyGeneratedComponent from "./pagedraw/hello-world";

class App extends React.Component {
  render() {
    /*
     * Pagedraw writes my JSX and CSS so my render function is just one line.
     * Yay!
     */
    return <MyGeneratedComponent onButtonClicked={this.onButtonClicked.bind(this)} />
  }

  onButtonClicked() {
    /*
     * Event handlers and business logic stay exactly the same:
     * handwritten by developers.
     */
    doComplicatedCalculations();
    window.alert("Hello, world!");
  }
}

ReactDOM.render(<App/>, document.getElementById("root"));