From 427da633f6714938717faac3d5190f710a850f3d Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Rainer=20Mart=C3=ADnez=20Fraga?= <rmartinezfraga@yandex.com>
Date: Sun, 17 Feb 2019 01:06:04 -0500
Subject: [PATCH] fix inconsistencies in homepage

---
 .../home/examples/a-component-using-external-plugins.js   | 8 ++++----
 .../home/examples/a-component-using-external-plugins.md   | 2 +-
 content/home/examples/a-simple-component.js               | 2 +-
 content/home/examples/a-simple-component.md               | 4 ++--
 content/home/examples/a-stateful-component.js             | 2 +-
 content/home/examples/a-stateful-component.md             | 4 ++--
 content/home/examples/an-application.js                   | 6 +++---
 content/home/examples/an-application.md                   | 2 +-
 content/home/marketing/learn-once-write-anywhere.md       | 4 ++--
 9 files changed, 17 insertions(+), 17 deletions(-)

diff --git a/content/home/examples/a-component-using-external-plugins.js b/content/home/examples/a-component-using-external-plugins.js
index 09868cfbb..e37717b85 100644
--- a/content/home/examples/a-component-using-external-plugins.js
+++ b/content/home/examples/a-component-using-external-plugins.js
@@ -2,7 +2,7 @@ class MarkdownEditor extends React.Component {
   constructor(props) {
     super(props);
     this.handleChange = this.handleChange.bind(this);
-    this.state = { value: 'Hello, **world**!' };
+    this.state = { value: '¡Hola **mundo**!' };
   }
 
   handleChange(e) {
@@ -17,16 +17,16 @@ class MarkdownEditor extends React.Component {
   render() {
     return (
       <div className="MarkdownEditor">
-        <h3>Input</h3>
+        <h3>Entrada</h3>
         <label htmlFor="markdown-content">
-          Enter some markdown
+          Introduce algún texto en markdown
         </label>
         <textarea
           id="markdown-content"
           onChange={this.handleChange}
           defaultValue={this.state.value}
         />
-        <h3>Output</h3>
+        <h3>Salida</h3>
         <div
           className="content"
           dangerouslySetInnerHTML={this.getRawMarkup()}
diff --git a/content/home/examples/a-component-using-external-plugins.md b/content/home/examples/a-component-using-external-plugins.md
index 8de1f5748..c1d1dcd14 100644
--- a/content/home/examples/a-component-using-external-plugins.md
+++ b/content/home/examples/a-component-using-external-plugins.md
@@ -1,5 +1,5 @@
 ---
-title: Un componente usando Plugins externos
+title: Un componente usando plugins externos
 order: 3
 domid: markdown-example
 ---
diff --git a/content/home/examples/a-simple-component.js b/content/home/examples/a-simple-component.js
index 90c31b960..a0f5577c2 100644
--- a/content/home/examples/a-simple-component.js
+++ b/content/home/examples/a-simple-component.js
@@ -2,7 +2,7 @@ class HelloMessage extends React.Component {
   render() {
     return (
       <div>
-        Hello {this.props.name}
+        Hola {this.props.name}
       </div>
     );
   }
diff --git a/content/home/examples/a-simple-component.md b/content/home/examples/a-simple-component.md
index 99838a4c7..ab2c95f63 100644
--- a/content/home/examples/a-simple-component.md
+++ b/content/home/examples/a-simple-component.md
@@ -1,9 +1,9 @@
 ---
-title: Un Componente Simple
+title: Un componente simple
 order: 0
 domid: hello-example
 ---
 
 Los componentes de React implementan un método llamado`render()` que recibe datos de entrada y los muestra. Este ejemplo utiliza una sintaxis similar a XML llamada JSX. Puedes acceder a los datos de entrada que se pasan al componente mediante `render()` a través de `this.props`.
 
-**JSX es opcional y no se requiere para usar React.** Prueba [Babel REPL](babel://es5-syntax-example) para ver el código JavaScript sin procesar la compilación de JSX.
+**JSX es opcional y no se requiere para usar React.** Prueba [Babel REPL](babel://es5-syntax-example) para ver el código JavaScript simple producto de la compilación de JSX.
diff --git a/content/home/examples/a-stateful-component.js b/content/home/examples/a-stateful-component.js
index 25d5a9145..7d53a3d4b 100644
--- a/content/home/examples/a-stateful-component.js
+++ b/content/home/examples/a-stateful-component.js
@@ -21,7 +21,7 @@ class Timer extends React.Component {
   render() {
     return (
       <div>
-        Seconds: {this.state.seconds}
+        Segundos: {this.state.seconds}
       </div>
     );
   }
diff --git a/content/home/examples/a-stateful-component.md b/content/home/examples/a-stateful-component.md
index 555caf832..e25c45954 100644
--- a/content/home/examples/a-stateful-component.md
+++ b/content/home/examples/a-stateful-component.md
@@ -1,7 +1,7 @@
 ---
-title: Un Componente Con Estado
+title: Un componente con estado
 order: 1
 domid: timer-example
 ---
 
-Además de obtener datos de entrada (a los que accedes a través de `this.props`),un componente puede tener datos en su estado internamente (a los que accedes a través de `this.state`). Cuando el estado del componente cambie de datos, el cambio se representará actualizando e invocando `render()`.
+Además de obtener datos de entrada (a los que accedes a través de `this.props`),un componente puede tener datos en su estado internamente (a los que accedes a través de `this.state`). Cuando el estado del componente cambie de datos, el resultado se actualiza volviendo a invocar a `render()`.
diff --git a/content/home/examples/an-application.js b/content/home/examples/an-application.js
index 43f777dc2..8f4414b79 100644
--- a/content/home/examples/an-application.js
+++ b/content/home/examples/an-application.js
@@ -9,11 +9,11 @@ class TodoApp extends React.Component {
   render() {
     return (
       <div>
-        <h3>TODO</h3>
+        <h3>Tareas pendientes</h3>
         <TodoList items={this.state.items} />
         <form onSubmit={this.handleSubmit}>
           <label htmlFor="new-todo">
-            What needs to be done?
+            ¿Qué se necesita hacer?
           </label>
           <input
             id="new-todo"
@@ -21,7 +21,7 @@ class TodoApp extends React.Component {
             value={this.state.text}
           />
           <button>
-            Add #{this.state.items.length + 1}
+            Añadir #{this.state.items.length + 1}
           </button>
         </form>
       </div>
diff --git a/content/home/examples/an-application.md b/content/home/examples/an-application.md
index 3240f804f..898edddb6 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 de que los event handlers parecen ser renderizados inline, 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 manejadores de eventos parecen ser renderizados en línea, serán recolectados e implementados usando delegación de eventos.
diff --git a/content/home/marketing/learn-once-write-anywhere.md b/content/home/marketing/learn-once-write-anywhere.md
index bdf8cf86c..cb481a36e 100644
--- a/content/home/marketing/learn-once-write-anywhere.md
+++ b/content/home/marketing/learn-once-write-anywhere.md
@@ -1,9 +1,9 @@
 ---
-title: Aprende una vez, Escríbelo donde sea
+title: Aprende una vez, escríbelo donde sea
 order: 2
 ---
 
-En React no dejamos fuera al resto de sus herramientas tecnológicas, así que podrás desarrollar nuevas características sin necesidad de volver a escribir el código existente.
+En React no dejamos fuera al resto de tus herramientas tecnológicas, así que podrás desarrollar nuevas características sin necesidad de volver a escribir el código existente.
 
 React puede también renderizar desde el servidor usando Node, así como potencializar aplicaciones móviles usando
 [React Native](https://facebook.github.io/react-native/).
\ No newline at end of file