You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: content/docs/hello-world.md
+14-16Lines changed: 14 additions & 16 deletions
Original file line number
Diff line number
Diff line change
@@ -6,7 +6,7 @@ prev: cdn-links.html
6
6
next: introducing-jsx.html
7
7
---
8
8
9
-
The smallest React example looks like this:
9
+
El más pequeño de los ejemplos de React se ve así:
10
10
11
11
```js
12
12
ReactDOM.render(
@@ -15,36 +15,34 @@ ReactDOM.render(
15
15
);
16
16
```
17
17
18
-
It displays a heading saying "Hello, world!" on the page.
18
+
Este muestra un encabezado con el texto "Hello, world!" en la página.
19
19
20
20
[](codepen://hello-world)
21
21
22
-
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.
22
+
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.
23
23
24
+
## ¿Cómo leer esta guía?
24
25
25
-
## How to Read This Guide
26
-
27
-
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.
26
+
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.
28
27
29
28
>Tip
30
29
>
31
-
>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.
30
+
>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.
32
31
33
-
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.
32
+
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.
34
33
35
-
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.
34
+
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.
36
35
37
-
## Knowledge Level Assumptions
36
+
## Suposiciones del nivel de conocimiento
38
37
39
-
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.
38
+
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.
40
39
41
-
>Note
40
+
>Nota
42
41
>
43
-
>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.
44
-
42
+
> 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.
45
43
46
-
## Let's Get Started!
44
+
## Empecemos!
47
45
48
-
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.
46
+
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.
0 commit comments