Add translations for home/examples

content/home/examples/a-component-using-external-plugins.md

@@ -1,7 +1,7 @@
 ---
-title: A Component Using External Plugins
+title: Un componente usando Plugins externos
 order: 3
 domid: markdown-example
 ---
 
-React is flexible and provides hooks that allow you to interface with other libraries and frameworks. This example uses **remarkable**, an external Markdown library, to convert the `<textarea>`'s value in real time.
+React es flexible y proporciona medios que te permiten interactuar con otras bibliotecas y frameworks. Este ejemplo usa **remarkable**, una biblioteca externa de Markdown, que convierte los valores de `<textarea>` en tiempo real.

content/home/examples/a-simple-component.md

@@ -1,9 +1,8 @@
 ---
-title: A Simple Component
+title: Un componente simple
 order: 0
 domid: hello-example
 ---
+Los componentes de React implementan un método `render()`, el cual toma datos de entrada y devuelve lo que se tiene que mostrar. En este ejemplo usaremos una sintaxis similar a XML llamado JSX. Los datos de entrada que son pasados al componente son accesibles en `render()` usando `this.props`.
 
-React components implement a `render()` method that takes input data and returns what to display. This example uses an XML-like syntax called JSX. Input data that is passed into the component can be accessed by `render()` via `this.props`.
-
-**JSX is optional and not required to use React.** Try the [Babel REPL](babel://es5-syntax-example) to see the raw JavaScript code produced by the JSX compilation step.
+**JSX es opcional y no es requisito en React** Prueba [Babel REPL](babel://es5-syntax-example) para ver el código Javascript producto de la compilación de JSX..

content/home/examples/a-stateful-component.md

@@ -1,7 +1,7 @@
 ---
-title: A Stateful Component
+title: Un componente con estado
 order: 1
 domid: timer-example
 ---
 
-In addition to taking input data (accessed via `this.props`), a component can maintain internal state data (accessed via `this.state`). When a component's state data changes, the rendered markup will be updated by re-invoking `render()`.
+Además de recibir datos de entrada (a través de `this.props`), un componente puede tener un estado interno de los datos (a través de `this.state`). Cuándo el estado de un componente componente cambia sus datos, esto provoca que que se vuelva a invocar `render()` para mostrar los datos actualizados.

content/home/examples/an-application.md

@@ -1,7 +1,7 @@
 ---
-title: An Application
+title: Una aplicación
 order: 2
 domid: todos-example
 ---
 
-Using `props` and `state`, we can put together a small Todo application. 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 rendered inline, they will be collected and implemented using event delegation.
+Usando `props` y `state`, podemos integrar todo en una pequeña aplicación de tareas pendientes. Este ejemplo usa `state` para tener un control de la lista actual de objetos así como el texto que el usuario ha ingresado. A pesar que los `event handlers` parecen ser renderizados inline, estos serán recolectados e implementados usando una delegación de eventos.