From e820e16581a13f76191d413b7265c9329bdac4b6 Mon Sep 17 00:00:00 2001 From: Alejandro Nanez Date: Thu, 31 Jan 2019 15:00:26 -0500 Subject: [PATCH 1/8] WIP: Hello world translation --- content/docs/hello-world.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/content/docs/hello-world.md b/content/docs/hello-world.md index 25b644dbf..bfb224497 100644 --- a/content/docs/hello-world.md +++ b/content/docs/hello-world.md @@ -6,7 +6,7 @@ prev: cdn-links.html next: introducing-jsx.html --- -The smallest React example looks like this: +El ejemplo más pequeño de React se ve así: ```js ReactDOM.render( From c9901571ab9a7d81b36cea9567aa06d4ab8d71bf Mon Sep 17 00:00:00 2001 From: Alejandro Nanez Date: Thu, 31 Jan 2019 19:48:05 -0500 Subject: [PATCH 2/8] More progress in Hello World page --- content/docs/hello-world.md | 15 +++++++-------- 1 file changed, 7 insertions(+), 8 deletions(-) diff --git a/content/docs/hello-world.md b/content/docs/hello-world.md index bfb224497..75dedd3ee 100644 --- a/content/docs/hello-world.md +++ b/content/docs/hello-world.md @@ -6,29 +6,28 @@ prev: cdn-links.html next: introducing-jsx.html --- -El ejemplo más pequeño de React se ve así: +El más pequeño de los ejemplos de React se ve así: ```js ReactDOM.render( -

Hello, world!

, +

Hola, mundo!

, document.getElementById('root') ); ``` -It displays a heading saying "Hello, world!" on the page. +Este muestra un encabezado con el texto "Hola, mundo!" en la página. [](codepen://hello-world) -Click the link above to open an online editor. Feel free to make some changes, and see how they affect the output. Most pages in this guide will have editable examples like this one. +Dale click al enlace de arriba para abrir un editor online. Tómate la libertad de hacer cambios, y mira cómo afectan el resultado. La mayoría de páginas en esta guía tendrán ejemplos que puedes editar en vivo como éste. +## ¿Cómo leer esta guía? -## How to Read This Guide - -In this guide, we will examine the building blocks of React apps: elements and components. Once you master them, you can create complex apps from small reusable pieces. +En esta guía, examinaremos los componentes básicos de las aplicaciones React: elementos y componentes. Una vez los domines, podrás crear aplicaciones complejas a partir de pequeñas piezas reutilizables. >Tip > ->This guide is designed for people who prefer **learning concepts step by step**. If you prefer to learn by doing, check out our [practical tutorial](/tutorial/tutorial.html). You might find this guide and the tutorial complementary to each other. +>Esta guía está diseñada para personas que prefieren **aprender los conceptos paso a paso**. Si tu prefieres aprender haciendo, revisa nuestro [tutorial práctico](/tutorial/tutorial.html). Encontrarás que esta guía y el tutorial se complementan el uno al otro. This is the first chapter in a step-by-step guide about main React concepts. You can find a list of all its chapters in the navigation sidebar. If you're reading this from a mobile device, you can access the navigation by pressing the button in the bottom right corner of your screen. From 5355444e9c3e593ad0bce51f3d42a116485c60af Mon Sep 17 00:00:00 2001 From: Alejandro Nanez Date: Sun, 3 Feb 2019 18:20:35 -0500 Subject: [PATCH 3/8] Translation: Hello world --- content/docs/hello-world.md | 21 ++++++++++----------- 1 file changed, 10 insertions(+), 11 deletions(-) diff --git a/content/docs/hello-world.md b/content/docs/hello-world.md index 75dedd3ee..e5b61144f 100644 --- a/content/docs/hello-world.md +++ b/content/docs/hello-world.md @@ -10,12 +10,12 @@ El más pequeño de los ejemplos de React se ve así: ```js ReactDOM.render( -

Hola, mundo!

, +

Hello, world!

, document.getElementById('root') ); ``` -Este muestra un encabezado con el texto "Hola, mundo!" en la página. +Este muestra un encabezado con el texto "Hello, world!" en la página. [](codepen://hello-world) @@ -29,21 +29,20 @@ En esta guía, examinaremos los componentes básicos de las aplicaciones React: > >Esta guía está diseñada para personas que prefieren **aprender los conceptos paso a paso**. Si tu prefieres aprender haciendo, revisa nuestro [tutorial práctico](/tutorial/tutorial.html). Encontrarás que esta guía y el tutorial se complementan el uno al otro. -This is the first chapter in a step-by-step guide about main React concepts. You can find a list of all its chapters in the navigation sidebar. If you're reading this from a mobile device, you can access the navigation by pressing the button in the bottom right corner of your screen. +Este es el primer capítulo en una guía paso a paso sobre los principales conceptos de React. Puedes encontrar una lista de todos los capítulos en la barra de navigación lateral. Si estás leyendo esto desde un dispositivo móvil, puedes acceder a la navegación presionando el botón en la esquina inferior derecha de tu pantalla. -Every chapter in this guide builds on the knowledge introduced in earlier chapters. **You can learn most of React by reading the “Main Concepts” guide chapters in the order they appear in the sidebar.** For example, [“Introducing JSX”](/docs/introducing-jsx.html) is the next chapter after this one. +Cada capítulo en esta guía se construye en base al conocimiento presentado en capítulos anteriores. **Tu puedes aprender la mayoría de React leyendo la guía de conceptos "Conceptos Principales" en el orden que aparecen en la barra lateral.** Por ejemplo, ["Introducción a JSX”](/docs/introducing-jsx.html) es el siguiente capítulo después de este. -## Knowledge Level Assumptions +## Suposiciones del nivel de conocimiento -React is a JavaScript library, and so we'll assume you have a basic understanding of the JavaScript language. **If you don't feel very confident, we recommend [going through a JavaScript tutorial](https://developer.mozilla.org/en-US/docs/Web/JavaScript/A_re-introduction_to_JavaScript) to check your knowledge level** and enable you to follow along this guide without getting lost. It might take you between 30 minutes and an hour, but as a result you won't have to feel like you're learning both React and JavaScript at the same time. +React es una biblioteca Javascript, y vamos a asumir que tienes un entendimiento básico del lenguaje Javascript. **Si no te sientes muy seguro, te recomendamos [hacer un tutorial de Javascript](https://developer.mozilla.org/es/docs/Web/JavaScript/Una_re-introducci%C3%B3n_a_JavaScript) para comprobar tu nivel de conocimiento** y permitirte seguir adelante con esta guía sin perderte. Te debería tomar entre 30 minutos y una hora, and so we'll assume you have a basic understanding of the JavaScript language. **If you don't feel very confident, we recommend [going through a JavaScript tutorial](https://developer.mozilla.org/en-US/docs/Web/JavaScript/A_re-introduction_to_JavaScript) to check your knowledge level** and enable you to follow along this guide without getting lost. It might take you between 30 minutes and an hour, pero como resultado, no tendrás que sentir que estás aprendiendo React y JavaScript al mismo tiempo. ->Note +>Nota > ->This guide occasionally uses some of the newer JavaScript syntax in the examples. If you haven't worked with JavaScript in the last few years, [these three points](https://gist.github.com/gaearon/683e676101005de0add59e8bb345340c) should get you most of the way. +> Esta guía ocasionalmente usa la nueva syntaxis de JavaScript en los ejemplos. Si no has trabajado con JavaScript en los últimos años, [estos tres puntos](https://gist.github.com/gaearon/683e676101005de0add59e8bb345340c) son un buen resumen. +## Empecemos! -## Let's Get Started! - -Keep scrolling down, and you'll find the link to the [next chapter of this guide](/docs/introducing-jsx.html) right before the website footer. +Sigue bajando, y encontraras el link al [siguiente capítulo de esta guía](/docs/introducing-jsx.html) justo antes del pie de la página. From d5833e947ee2cabbef18e35da8d451adabfb9e9a Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Rainer=20Mart=C3=ADnez=20Fraga?= Date: Sun, 3 Feb 2019 19:07:05 -0500 Subject: [PATCH 4/8] Update content/docs/hello-world.md Co-Authored-By: alejandronanez --- content/docs/hello-world.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/content/docs/hello-world.md b/content/docs/hello-world.md index e5b61144f..358044070 100644 --- a/content/docs/hello-world.md +++ b/content/docs/hello-world.md @@ -39,7 +39,7 @@ React es una biblioteca Javascript, y vamos a asumir que tienes un entendimiento >Nota > -> Esta guía ocasionalmente usa la nueva syntaxis de JavaScript en los ejemplos. Si no has trabajado con JavaScript en los últimos años, [estos tres puntos](https://gist.github.com/gaearon/683e676101005de0add59e8bb345340c) son un buen resumen. +> Esta guía ocasionalmente usa la nueva sintaxis de JavaScript en los ejemplos. Si no has trabajado con JavaScript en los últimos años, [estos tres puntos](https://gist.github.com/gaearon/683e676101005de0add59e8bb345340c) son un buen resumen. ## Empecemos! From 2bfd4dd909cca425b9016d5fc4fc40ce736ad283 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Rainer=20Mart=C3=ADnez=20Fraga?= Date: Sun, 3 Feb 2019 19:07:38 -0500 Subject: [PATCH 5/8] Update content/docs/hello-world.md Co-Authored-By: alejandronanez --- content/docs/hello-world.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/content/docs/hello-world.md b/content/docs/hello-world.md index 358044070..971ebbe55 100644 --- a/content/docs/hello-world.md +++ b/content/docs/hello-world.md @@ -35,7 +35,7 @@ Cada capítulo en esta guía se construye en base al conocimiento presentado en ## Suposiciones del nivel de conocimiento -React es una biblioteca Javascript, y vamos a asumir que tienes un entendimiento básico del lenguaje Javascript. **Si no te sientes muy seguro, te recomendamos [hacer un tutorial de Javascript](https://developer.mozilla.org/es/docs/Web/JavaScript/Una_re-introducci%C3%B3n_a_JavaScript) para comprobar tu nivel de conocimiento** y permitirte seguir adelante con esta guía sin perderte. Te debería tomar entre 30 minutos y una hora, and so we'll assume you have a basic understanding of the JavaScript language. **If you don't feel very confident, we recommend [going through a JavaScript tutorial](https://developer.mozilla.org/en-US/docs/Web/JavaScript/A_re-introduction_to_JavaScript) to check your knowledge level** and enable you to follow along this guide without getting lost. It might take you between 30 minutes and an hour, pero como resultado, no tendrás que sentir que estás aprendiendo React y JavaScript al mismo tiempo. +React es una biblioteca Javascript, y vamos a asumir que tienes un entendimiento básico del lenguaje Javascript. **Si no te sientes muy seguro, te recomendamos [hacer un tutorial de Javascript](https://developer.mozilla.org/es/docs/Web/JavaScript/Una_re-introducci%C3%B3n_a_JavaScript) para comprobar tu nivel de conocimiento** y permitirte seguir adelante con esta guía sin perderte. Te debería tomar entre 30 minutos y una hora, pero como resultado, no tendrás que sentir que estás aprendiendo React y JavaScript al mismo tiempo. >Nota > From 71d4570bd5caef50809c6a989d57c7975b76cd97 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Rainer=20Mart=C3=ADnez=20Fraga?= Date: Sun, 3 Feb 2019 19:07:47 -0500 Subject: [PATCH 6/8] Update content/docs/hello-world.md Co-Authored-By: alejandronanez --- content/docs/hello-world.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/content/docs/hello-world.md b/content/docs/hello-world.md index 971ebbe55..1b4b046e1 100644 --- a/content/docs/hello-world.md +++ b/content/docs/hello-world.md @@ -43,6 +43,6 @@ React es una biblioteca Javascript, y vamos a asumir que tienes un entendimiento ## Empecemos! -Sigue bajando, y encontraras el link al [siguiente capítulo de esta guía](/docs/introducing-jsx.html) justo antes del pie de la página. +Sigue bajando, y encontrarás el link al [siguiente capítulo de esta guía](/docs/introducing-jsx.html) justo antes del pie de la página. From bce779c7e1c3f1cbf99402da1e968bbb91874e75 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Rainer=20Mart=C3=ADnez=20Fraga?= Date: Sun, 3 Feb 2019 19:08:17 -0500 Subject: [PATCH 7/8] Update content/docs/hello-world.md That makes total sense. Co-Authored-By: alejandronanez --- content/docs/hello-world.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/content/docs/hello-world.md b/content/docs/hello-world.md index 1b4b046e1..08e34ca93 100644 --- a/content/docs/hello-world.md +++ b/content/docs/hello-world.md @@ -31,7 +31,7 @@ En esta guía, examinaremos los componentes básicos de las aplicaciones React: Este es el primer capítulo en una guía paso a paso sobre los principales conceptos de React. Puedes encontrar una lista de todos los capítulos en la barra de navigación lateral. Si estás leyendo esto desde un dispositivo móvil, puedes acceder a la navegación presionando el botón en la esquina inferior derecha de tu pantalla. -Cada capítulo en esta guía se construye en base al conocimiento presentado en capítulos anteriores. **Tu puedes aprender la mayoría de React leyendo la guía de conceptos "Conceptos Principales" en el orden que aparecen en la barra lateral.** Por ejemplo, ["Introducción a JSX”](/docs/introducing-jsx.html) es el siguiente capítulo después de este. +Cada capítulo en esta guía se construye en base al conocimiento presentado en capítulos anteriores. **Tú puedes aprender la mayoría de React leyendo la guía de conceptos "Conceptos Principales" en el orden que aparecen en la barra lateral.** Por ejemplo, ["Introducción a JSX”](/docs/introducing-jsx.html) es el siguiente capítulo después de este. ## Suposiciones del nivel de conocimiento From 425f4ac7c07f16e18494b34f2b4354be3b9ece4f Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Rainer=20Mart=C3=ADnez=20Fraga?= Date: Sun, 3 Feb 2019 19:08:40 -0500 Subject: [PATCH 8/8] Update content/docs/hello-world.md Co-Authored-By: alejandronanez --- content/docs/hello-world.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/content/docs/hello-world.md b/content/docs/hello-world.md index 08e34ca93..3bb0e80e6 100644 --- a/content/docs/hello-world.md +++ b/content/docs/hello-world.md @@ -27,7 +27,7 @@ En esta guía, examinaremos los componentes básicos de las aplicaciones React: >Tip > ->Esta guía está diseñada para personas que prefieren **aprender los conceptos paso a paso**. Si tu prefieres aprender haciendo, revisa nuestro [tutorial práctico](/tutorial/tutorial.html). Encontrarás que esta guía y el tutorial se complementan el uno al otro. +>Esta guía está diseñada para personas que prefieren **aprender los conceptos paso a paso**. Si tú prefieres aprender haciendo, revisa nuestro [tutorial práctico](/tutorial/tutorial.html). Encontrarás que esta guía y el tutorial se complementan el uno al otro. Este es el primer capítulo en una guía paso a paso sobre los principales conceptos de React. Puedes encontrar una lista de todos los capítulos en la barra de navigación lateral. Si estás leyendo esto desde un dispositivo móvil, puedes acceder a la navegación presionando el botón en la esquina inferior derecha de tu pantalla.