@cqfactory/component-generator/templates/react.component.template.txt

Builds ReactJS/Vue/Angular enabled AEM Touch UI components with dialogue.

import * as React from "react";
import './{{TITLE}}.scss';
import {{{TITLE}}Props} from "./index";

export default class {{TITLE}} extends React.Component<{{TITLE}}Props> {

  get allPropertiesAsString() {
    return JSON.stringify(this.props.cqComponent);
  }

  render() {
    return (<div className="{{TITLE}}">
      <p>Greetings from your newly created {{TITLE}}-component!</p>
      <section>{this.allPropertiesAsString}</section>
    </div>);
  }
}