From d36a07a732046050b39169872e3ffbb6a744e079 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Ricardo=20Gonz=C3=A1lez=20Castillo?=
 <rjgcastillo@hotmail.com>
Date: Thu, 31 Jan 2019 10:03:06 -0600
Subject: [PATCH 1/8] Add translations for home/examples

---
 .../home/examples/a-component-using-external-plugins.md    | 4 ++--
 content/home/examples/a-simple-component.md                | 7 +++----
 content/home/examples/a-stateful-component.md              | 4 ++--
 content/home/examples/an-application.md                    | 4 ++--
 4 files changed, 9 insertions(+), 10 deletions(-)

diff --git a/content/home/examples/a-component-using-external-plugins.md b/content/home/examples/a-component-using-external-plugins.md
index a8c35bbd6..a0bdffb5c 100644
--- a/content/home/examples/a-component-using-external-plugins.md
+++ b/content/home/examples/a-component-using-external-plugins.md
@@ -1,7 +1,7 @@
 ---
-title: A Component Using External Plugins
+title: Un componente usando componentes de terceros
 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 provee medios que te permiten interactuar con otras librerías y marcos(frameworks). Este ejemplo usa **remarkable**, una librería externa de Markdown, que convierte los valores de `<textarea>` en tiempo real.
diff --git a/content/home/examples/a-simple-component.md b/content/home/examples/a-simple-component.md
index d791856d4..faafaae46 100644
--- a/content/home/examples/a-simple-component.md
+++ b/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 los datos de entrada y regresa lo que se tiene que mostrar. En este ejemplo usaremos sintaxis tipo XML llamado JSX. Los datos de entrada que son pasados al componente pueden ser accesados 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..
diff --git a/content/home/examples/a-stateful-component.md b/content/home/examples/a-stateful-component.md
index a68ab0a51..7275d230b 100644
--- a/content/home/examples/a-stateful-component.md
+++ b/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.
diff --git a/content/home/examples/an-application.md b/content/home/examples/an-application.md
index 227d0621b..20ffe68a6 100644
--- a/content/home/examples/an-application.md
+++ b/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 pendientes. Este ejemplo usa `state` para tener un control de la lista actual de objetos así como el texto que el usuario ha entrado. A pesar que los `event handlers` parezcan que fue renderizados, estos seran recolectados e implementados usando una delegación de eventos.

From fd7c551ad0c637bbd781b786a74b4265ffc177a2 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Ricardo=20Gonz=C3=A1lez=20Castillo?=
 <rjgcastillo@hotmail.com>
Date: Thu, 31 Jan 2019 13:43:36 -0600
Subject: [PATCH 2/8] Fix grammar mistakes

---
 content/home/examples/a-component-using-external-plugins.md | 4 ++--
 content/home/examples/a-simple-component.md                 | 2 +-
 content/home/examples/an-application.md                     | 2 +-
 3 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/content/home/examples/a-component-using-external-plugins.md b/content/home/examples/a-component-using-external-plugins.md
index a0bdffb5c..aa180b892 100644
--- a/content/home/examples/a-component-using-external-plugins.md
+++ b/content/home/examples/a-component-using-external-plugins.md
@@ -1,7 +1,7 @@
 ---
-title: Un componente usando componentes de terceros
+title: Un componente usando Plugins externos
 order: 3
 domid: markdown-example
 ---
 
-React es flexible y provee medios que te permiten interactuar con otras librerías y marcos(frameworks). Este ejemplo usa **remarkable**, una librería externa de Markdown, que convierte los valores de `<textarea>` en tiempo real.
+React es flexible y proporciona medios que te permiten interactuar con otras librerías y frameworks. Este ejemplo usa **remarkable**, una biblioteca externa de Markdown, que convierte los valores de `<textarea>` en tiempo real.
diff --git a/content/home/examples/a-simple-component.md b/content/home/examples/a-simple-component.md
index faafaae46..a40ccaf8b 100644
--- a/content/home/examples/a-simple-component.md
+++ b/content/home/examples/a-simple-component.md
@@ -3,6 +3,6 @@ title: Un componente simple
 order: 0
 domid: hello-example
 ---
-Los componentes de React implementan un método `render()`, el cual toma los datos de entrada y regresa lo que se tiene que mostrar. En este ejemplo usaremos sintaxis tipo XML llamado JSX. Los datos de entrada que son pasados al componente pueden ser accesados en `render()` usando `this.props`.
+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 sintaxis similar a XML llamado JSX. Los datos de entrada que son pasados al componente son accesibles en `render()` usando `this.props`.
 
 **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..
diff --git a/content/home/examples/an-application.md b/content/home/examples/an-application.md
index 20ffe68a6..60d6b37a9 100644
--- a/content/home/examples/an-application.md
+++ b/content/home/examples/an-application.md
@@ -4,4 +4,4 @@ order: 2
 domid: todos-example
 ---
 
-Usando `props` y `state`, podemos integrar todo en una pequeña aplicación de pendientes. Este ejemplo usa `state` para tener un control de la lista actual de objetos así como el texto que el usuario ha entrado. A pesar que los `event handlers` parezcan que fue renderizados, estos seran recolectados e implementados usando una delegación de eventos.
+Usando `props` y `state`, podemos integrar todo en una pequeña aplicación de 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` parezcan que fueron renderizados, estos seran recolectados e implementados usando una delegación de eventos.

From dd3bcb984456f9c99d15ea2118cec8ad8f9cb6ee Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Ricardo=20Gonz=C3=A1lez=20Castillo?=
 <rjgcastillo@hotmail.com>
Date: Thu, 31 Jan 2019 17:09:07 -0600
Subject: [PATCH 3/8] Some fix of grammar and syntax

---
 content/home/examples/a-component-using-external-plugins.md | 2 +-
 content/home/examples/a-simple-component.md                 | 2 +-
 content/home/examples/an-application.md                     | 2 +-
 3 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/content/home/examples/a-component-using-external-plugins.md b/content/home/examples/a-component-using-external-plugins.md
index aa180b892..70a9de2c4 100644
--- a/content/home/examples/a-component-using-external-plugins.md
+++ b/content/home/examples/a-component-using-external-plugins.md
@@ -4,4 +4,4 @@ order: 3
 domid: markdown-example
 ---
 
-React es flexible y proporciona medios que te permiten interactuar con otras librerías y frameworks. Este ejemplo usa **remarkable**, una biblioteca externa de Markdown, que convierte los valores de `<textarea>` en tiempo real.
+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.
diff --git a/content/home/examples/a-simple-component.md b/content/home/examples/a-simple-component.md
index a40ccaf8b..1ac6f6a84 100644
--- a/content/home/examples/a-simple-component.md
+++ b/content/home/examples/a-simple-component.md
@@ -3,6 +3,6 @@ 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 sintaxis similar a XML llamado JSX. Los datos de entrada que son pasados al componente son accesibles en `render()` usando `this.props`.
+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`.
 
 **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..
diff --git a/content/home/examples/an-application.md b/content/home/examples/an-application.md
index 60d6b37a9..43f0149d1 100644
--- a/content/home/examples/an-application.md
+++ b/content/home/examples/an-application.md
@@ -4,4 +4,4 @@ order: 2
 domid: todos-example
 ---
 
-Usando `props` y `state`, podemos integrar todo en una pequeña aplicación de 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` parezcan que fueron renderizados, estos seran recolectados e implementados usando una delegación de eventos.
+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.

From 7423b2348fec1ec6a379c96b7c7be4d16af4ddc1 Mon Sep 17 00:00:00 2001
From: Ricardo J Gonzalez <rjgcastillo@hotmail.com>
Date: Thu, 31 Jan 2019 18:28:55 -0600
Subject: [PATCH 4/8] Update an-application.md

---
 content/home/examples/an-application.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/content/home/examples/an-application.md b/content/home/examples/an-application.md
index 43f0149d1..b7182b448 100644
--- a/content/home/examples/an-application.md
+++ b/content/home/examples/an-application.md
@@ -4,4 +4,4 @@ order: 2
 domid: todos-example
 ---
 
-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.
+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 delegación de eventos.

From f818973d1343334414e024c4725b617dacb2d438 Mon Sep 17 00:00:00 2001
From: Ricardo J Gonzalez <rjgcastillo@hotmail.com>
Date: Thu, 31 Jan 2019 18:29:35 -0600
Subject: [PATCH 5/8] Update a-simple-component.md

---
 content/home/examples/a-simple-component.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/content/home/examples/a-simple-component.md b/content/home/examples/a-simple-component.md
index 1ac6f6a84..5a12d6bc4 100644
--- a/content/home/examples/a-simple-component.md
+++ b/content/home/examples/a-simple-component.md
@@ -5,4 +5,4 @@ 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`.
 
-**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..
+**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.

From 90e63a4fd1f9463eee6da76d81752059b0801213 Mon Sep 17 00:00:00 2001
From: Ricardo J Gonzalez <rjgcastillo@hotmail.com>
Date: Thu, 31 Jan 2019 18:31:01 -0600
Subject: [PATCH 6/8] Update a-stateful-component.md

---
 content/home/examples/a-stateful-component.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/content/home/examples/a-stateful-component.md b/content/home/examples/a-stateful-component.md
index 7275d230b..6c6dd7c7b 100644
--- a/content/home/examples/a-stateful-component.md
+++ b/content/home/examples/a-stateful-component.md
@@ -4,4 +4,4 @@ order: 1
 domid: timer-example
 ---
 
-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.
+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, los elementos renderizados serán actualizados mediante la re-invocación de render().

From 8994618e022d57af6a63464ba9ac2a59fff087c9 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Rainer=20Mart=C3=ADnez=20Fraga?= <rmartinezfraga@yandex.com>
Date: Fri, 1 Feb 2019 07:39:42 -0600
Subject: [PATCH 7/8] Update content/home/examples/a-stateful-component.md

Co-Authored-By: ricglz0201 <rjgcastillo@hotmail.com>
---
 content/home/examples/a-stateful-component.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/content/home/examples/a-stateful-component.md b/content/home/examples/a-stateful-component.md
index 6c6dd7c7b..78b2b9486 100644
--- a/content/home/examples/a-stateful-component.md
+++ b/content/home/examples/a-stateful-component.md
@@ -4,4 +4,4 @@ order: 1
 domid: timer-example
 ---
 
-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, los elementos renderizados serán actualizados mediante la re-invocación de 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`). Cuando el estado de un componente componente cambia sus datos, los elementos renderizados serán actualizados mediante la re-invocación de render().

From 1d2e2a8971b97504416c422cc5e56837abab9ae9 Mon Sep 17 00:00:00 2001
From: Ricardo J Gonzalez <rjgcastillo@hotmail.com>
Date: Fri, 1 Feb 2019 07:45:47 -0600
Subject: [PATCH 8/8] Update an-application.md

---
 content/home/examples/an-application.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/content/home/examples/an-application.md b/content/home/examples/an-application.md
index b7182b448..3240f804f 100644
--- a/content/home/examples/an-application.md
+++ b/content/home/examples/an-application.md
@@ -4,4 +4,4 @@ order: 2
 domid: todos-example
 ---
 
-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 delegación de eventos.
+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 de que los event handlers parecen ser renderizados inline, serán recolectados e implementados usando delegación de eventos.