Sha256: 91efca5adc783df315a16537a3993a7c8df2b1aab7101639962a433a5f3e0308

Contents?: true

Size: 588 Bytes

Versions: 3

Compression:

Stored size: 588 Bytes

Contents

require "opal"
require "react"
require "browser"

class Clock
  include React::Component

  def render
    message = "React has been successfully running for #{params[:elapsed].round} seconds."

    
    `<p>{#{message}}</p>`
  end
end

class ExampleApp
  include React::Component

  def render
    `<Clock elapsed={#{params[:elapsed]}} />`
  end
end

React.expose_native_class(Clock, ExampleApp)

start = Time.now

$window.every(0.05) do
  element = `<ExampleApp elapsed={#{Time.now - start}}/>`
  container = `document.getElementById('container')`
  React.render element, container
end

Version data entries

3 entries across 3 versions & 1 rubygems

Version Path
react.rb-0.3.0 examples/basic-jsx/example.jsx.rb
react.rb-0.2.1 example/basic-jsx/example.jsx.rb
react.rb-0.2.0 example/basic-jsx/example.jsx.rb