Simple HyperReact Demo

compares to examples in https://medium.com/js-dojo/react-or-vue-which-javascript-ui-library-should-you-be-using-543a383608d#.gkdbab6r1

by Mitch VanDuyn

HTML

<script src="https://code.jquery.com/jquery-2.1.4.min.js"></script>
<script src="https://rawgit.com/reactrb/reactrb-express/master/reactrb-express.js"></script>
  <div data-reactrb-mount="App"></div>
  <script type="text/ruby">
    class App < React::Component::Base
      define_state message: 'Hello From Hyperloop!'
      def reverse_message
        state.message! state.message.reverse
      end
      render(DIV) do
        P { state.message }
        BUTTON { 'Reverse Message' }.on(:click) { reverse_message }
      end
    end
  </script>