From c5d3ef203c191609c47d293721cbce26c8db503e Mon Sep 17 00:00:00 2001 From: ido Date: Tue, 2 Dec 2014 17:32:26 +0200 Subject: [PATCH] edit texts and links for home --- home.html | 63 ++++++++++++++++++++++++++---------------- playground/examples.rt | 3 ++ playground/main.js | 4 --- 3 files changed, 42 insertions(+), 28 deletions(-) diff --git a/home.html b/home.html index fd8320f..f89fce7 100644 --- a/home.html +++ b/home.html @@ -82,30 +82,45 @@

-
-
-

Just the UI

-

- Lots of people use React as the V in MVC. - Since React makes no assumptions about the rest of your technology stack, - it's easy to try it out on a small feature in an existing project. -

-
-
-

Virtual DOM

-

- React uses a virtual DOM diff implementation for ultra-high performance. It can also - render on the server using Node.js — no heavy browser DOM required. -

-
-
-

Data flow

-

- React implements one-way reactive data flow which reduces boilerplate and is - easier to reason about than traditional data binding. -

-
-
+ + + + + + + + + + + + + + + + + + + + + + + + + +

Reasons that we love it:

+ +
    +
  • No runtime libraries. No magic. Just simple pre-compilation to a clear React code
    • +
  • Super easy to write panels. By panels we mean components that have a lot of HTML code and non-reusable logic
    • +
  • Very good separation of presentation and logic. Almost no HTML within the component file
    • +
  • Declarative coding for presentation. HTML that you write and inspect look similar
    • +
  • Easy syntax. Similar to HTML. All IDEs recognize this format
    • +
+ + + + +
diff --git a/playground/examples.rt b/playground/examples.rt index 0fc61d8..829eb04 100644 --- a/playground/examples.rt +++ b/playground/examples.rt @@ -25,6 +25,7 @@ updated by re-invoking render().

+

An Application

@@ -36,6 +37,7 @@ delegation.

+

A Component Using External Plugins

@@ -45,5 +47,6 @@ Markdown library, to convert the textarea's value in real-time.

+
\ No newline at end of file diff --git a/playground/main.js b/playground/main.js index 83cfbca..ac24039 100644 --- a/playground/main.js +++ b/playground/main.js @@ -13,10 +13,6 @@ var res = reactTemplates.convertTemplateToReact(html.trim()); var Playground = require('./playground.js'); window.playground = React.render(Playground({"direction":'vertical'}), document.getElementById('playground')); -//var Examples = require('./examples.js'); -//React.render(Examples(), document.getElementById('home-section')); - - /* function generateRandomId() { var d = new Date().getTime();