|
@ -7,23 +7,24 @@ id: home |
|
|
<section class="light home-section"> |
|
|
<section class="light home-section"> |
|
|
<div class="marketing-row"> |
|
|
<div class="marketing-row"> |
|
|
<div class="marketing-col"> |
|
|
<div class="marketing-col"> |
|
|
<h3>Declarative</h3> |
|
|
<h3>Composable components</h3> |
|
|
<p> |
|
|
<p> |
|
|
React uses a declarative paradigm that makes it easier to reason about |
|
|
React isn't the first JS library to let you build components. But it's the |
|
|
your application. |
|
|
only one that takes composition (building components out of other components) seriously. |
|
|
</p> |
|
|
</p> |
|
|
</div> |
|
|
</div> |
|
|
<div class="marketing-col"> |
|
|
<div class="marketing-col"> |
|
|
<h3>Efficient</h3> |
|
|
<h3>Virtual DOM</h3> |
|
|
<p> |
|
|
<p> |
|
|
React computes the minimal set of changes necessary to keep your DOM |
|
|
React uses a virtual DOM representation for ultra-high performance. It can also |
|
|
up-to-date. |
|
|
run outside of the browser on Node.js. |
|
|
</p> |
|
|
</p> |
|
|
</div> |
|
|
</div> |
|
|
<div class="marketing-col"> |
|
|
<div class="marketing-col"> |
|
|
<h3>Flexible</h3> |
|
|
<h3>Data flow</h3> |
|
|
<p> |
|
|
<p> |
|
|
React works with the libraries and frameworks that you already know. |
|
|
React implements one-way data binding which is simpler, faster and easier to |
|
|
|
|
|
scale than alternatives. |
|
|
</p> |
|
|
</p> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
@ -60,7 +61,7 @@ id: home |
|
|
This example uses `state` to track the current list of items as well as |
|
|
This example uses `state` to track the current list of items as well as |
|
|
the text that the user has entered. Although event handlers appear to be |
|
|
the text that the user has entered. Although event handlers appear to be |
|
|
rendered inline, they will be collected and implemented using event |
|
|
rendered inline, they will be collected and implemented using event |
|
|
delegation. |
|
|
delegation. |
|
|
</p> |
|
|
</p> |
|
|
<div id="todoExample"></div> |
|
|
<div id="todoExample"></div> |
|
|
</div> |
|
|
</div> |
|
|