import * as hyperdom from "hyperdom" ; import { hello } from "./styles.css" ; export default class App extends hyperdom . RenderComponent { private hideGreetings : boolean = false ; renderGreetings ( ) { if ( ! this . hideGreetings ) { return ( < div > < h1 className = { hello } > Hello from Hyperdom ! < /h1> < a href = "#" onclick = { ( ) => this . hideGreetings = true } > Next < /a> < /div>); } else { return < p > Now then ... < /p>; } } render ( ) { return < main > { this . renderGreetings ( ) } < /main>; } }