-
-
-
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();