Skip to content
This repository was archived by the owner on Oct 19, 2018. It is now read-only.

Commit 25869c7

Browse files
author
Barrie Hadfield
committed
index
1 parent 7beef3b commit 25869c7

File tree

1 file changed

+1
-70
lines changed

1 file changed

+1
-70
lines changed

‎source/index.html.md.erb

Lines changed: 1 addition & 70 deletions
Original file line numberDiff line numberDiff line change
@@ -1,66 +1,3 @@
1-
<div data-reactrb-mount="CodeMirror" data-code="class Alfie < React::Component::Base
2-
render(DIV) do
3-
h1 { 'Alfie is here' }.on(:click) do
4-
alert 'you clicked'
5-
end
6-
end
7-
end
8-
"></div>
9-
10-
<!-- Element['#playground'].render{ Alfie() } -->
11-
12-
<!-- <form><textarea id="code" name="code">
13-
class TestApp < React::Component::Base
14-
param :name
15-
before_mount { @timer = every(1) { force_update! } }
16-
render(DIV) do
17-
h1 {"The current time is #{Time.now}"}
18-
h2 { "here hello #{params.name}" }.on(:click) do
19-
alert "you clicked"
20-
end
21-
end
22-
end
23-
</textarea></form> -->
24-
25-
<!-- <div id="code"> </div> -->
26-
27-
<!-- <script>
28-
var editor = CodeMirror.fromTextArea(document.getElementById("code"), {
29-
mode: "text/x-ruby",
30-
matchBrackets: true,
31-
lineNumbers: true,
32-
indentUnit: 2,
33-
theme: 'github'
34-
});
35-
</script> -->
36-
37-
<!-- <script>
38-
var myCodeMirror = CodeMirror(document.getElementById("code"), {
39-
value: "puts 'hello'",
40-
mode: "text/x-ruby",
41-
matchBrackets: true,
42-
lineNumbers: true,
43-
indentUnit: 2,
44-
theme: 'github'
45-
});
46-
</script> -->
47-
48-
49-
<br>
50-
51-
```ruby
52-
class TestApp < React::Component::Base
53-
param :name
54-
before_mount { @timer = every(1) { force_update! } }
55-
render(DIV) do
56-
h1 {"The current time is #{Time.now}"}
57-
h2 { "here hello #{params.name}" }.on(:click) do
58-
alert "you clicked"
59-
end
60-
end
61-
end
62-
```
63-
641

652
## Pure Ruby
663
Hyperloop lets you build beautiful interactive user interfaces using the same Ruby language running your server side code. Hyperloop replaces JS code, JSX, HTML, templating languages, and complex frameworks with one simple system.
@@ -69,10 +6,4 @@ Hyperloop lets you build beautiful interactive user interfaces using the same Ru
696
One language. One simple model. Under the hood the Hyperloop gems takes care of all the details for you. The same Ruby code runs on the server to deliver pages fast, and then keeps running on the client to handle your user interactions, data flow and data synchronisation.
707

718
## HyperReact = React + Ruby
72-
The power and simplicity of React with a great easy to use Ruby DSL. HyperReact frees you up to do what you do best - building great apps.
73-
74-
HyperReact is a wrapper for the React.js library for creating user interfaces. HyperReact provides all the goodness of React combined with the expressiveness of the Ruby language.
75-
76-
React was built to solve one problem: building large applications with data that changes over time.
77-
78-
HyperReact takes this one step further. Because it uses Ruby, you can think in one language on the server and the client. Because it uses React.js you get a simple, declarative, structured way to build your UI.
9+
The power and simplicity of React with a great easy to use Ruby DSL. HyperReact frees you up to do what you do best - building great apps.HyperReact is a wrapper for the React.js library for creating user interfaces. HyperReact provides all the goodness of React combined with the expressiveness of the Ruby language. React was built to solve one problem: building large applications with data that changes over time. HyperReact takes this one step further. Because it uses Ruby, you can think in one language on the server and the client. Because it uses React.js you get a simple, declarative, structured way to build your UI.

0 commit comments

Comments
 (0)