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: README.md
+1-1Lines changed: 1 addition & 1 deletion
Original file line number
Diff line number
Diff line change
@@ -57,7 +57,7 @@ The documentation is divided into several sections with a different tone and pur
57
57
58
58
## Translation
59
59
60
-
If you are interesting in translating `reactjs.org`, please see the current translation efforts at [isreacttranslatedyet.com](https://www.isreacttranslatedyet.com/).
60
+
If you are interested in translating `reactjs.org`, please see the current translation efforts at [isreacttranslatedyet.com](https://www.isreacttranslatedyet.com/).
61
61
62
62
63
63
If your language does not have a translation and you would like to create one, please follow the instructions at [reactjs.org Translations](https://github.com/reactjs/reactjs.org-translation#translating-reactjsorg).
Copy file name to clipboardExpand all lines: content/blog/2015-03-30-community-roundup-26.md
+1-1Lines changed: 1 addition & 1 deletion
Original file line number
Diff line number
Diff line change
@@ -29,7 +29,7 @@ Colin also [blogged about his experience using React Native](http://blog.scottlo
29
29
30
30
Spencer Ahrens and I had the great pleasure to talk about React Native on [The Changelog](https://thechangelog.com/149/) podcast. It was really fun to chat for an hour, I hope that you'll enjoy listening to it. :)
Copy file name to clipboardExpand all lines: content/docs/add-react-to-a-website.md
+10-10Lines changed: 10 additions & 10 deletions
Original file line number
Diff line number
Diff line change
@@ -19,15 +19,15 @@ La mayoría de sitios web no son, y no necesitan ser, aplicaciones de una sóla
19
19
-[Agrega React en Un Minuto](#add-react-in-one-minute)
20
20
-[Opcional: Prueba React con JSX](#optional-try-react-with-jsx) (sin necesidad de usar bundler!)
21
21
22
-
## Agrega React en Un Minuto {#add-react-in-one-minute}
22
+
## Agrega React en un minuto {#add-react-in-one-minute}
23
23
24
24
En esta sección, vamos a mostrarte como agregar un componente de React a una página HTML existente. Puedes seguir los pasos en tu sitio web, o crear un nuevo archivo HTML para practicar.
25
25
26
26
No habrá necesidad de usar herramientas complicadas u otros requerimientos para instalar -- **para completar esta sección, sólo necesitas de una conexión a internet y un minuto de tu tiempo.**
27
27
28
28
Opcional: [Descargar el ejemplo completo (2KB comprimido)](https://gist.github.com/gaearon/6668a1f6986742109c00a581ce704605/archive/f6c882b6ae18bde42dcf6fdb751aae93495a2275.zip)
29
29
30
-
### Paso 1: Agrega un Contenedor del DOM al HTML {#step-1-add-a-dom-container-to-the-html}
30
+
### Paso 1: Agrega un contenedor del DOM al HTML {#step-1-add-a-dom-container-to-the-html}
31
31
32
32
Para iniciar, abre la página HTML que deseas editar. Agrega una etiqueta `<div>` vacía para marcar el lugar donde deseas visualizar algo con React. Por ejemplo:
33
33
@@ -45,7 +45,7 @@ A este `<div>` le agregamos un atributo HTML `id` que es único. Esto nos permit
45
45
>
46
46
>Puedes agregar un "contenedor" `<div>` como este en **cualquier sitio** dentro de la etiqueta `<body>`. Puedes tener la cantidad de contenedores independientes en el DOM que desees. Por lo general éstos están vacíos -- React reemplazará cualquier contenido existente dentro de los contenedores del DOM.
47
47
48
-
### Paso 2: Agrega las etiquetas de Script {#step-2-add-the-script-tags}
48
+
### Paso 2: Agrega las etiquetas de script {#step-2-add-the-script-tags}
49
49
50
50
Lo siguiente es agregar tres etiquetas `<script>` a la página HTML justo antes de cerrar la etiqueta `</body>`:
51
51
@@ -65,7 +65,7 @@ Lo siguiente es agregar tres etiquetas `<script>` a la página HTML justo antes
65
65
66
66
Las primeras dos etiquetas cargan React. La tercera carga tu código del componente.
67
67
68
-
### Paso 3: Crea un Componente de React {#step-3-create-a-react-component}
68
+
### Paso 3: Crea un componente de React {#step-3-create-a-react-component}
69
69
70
70
Crea un archivo llamado `like_button.js` en el mismo lugar donde tienes tu archivo HTML.
71
71
@@ -96,7 +96,7 @@ Dale un vistazo a las siguientes secciones para más consejos sobre como integra
96
96
97
97
**[Descargar el ejemplo completo (2KB comprimido)](https://gist.github.com/gaearon/6668a1f6986742109c00a581ce704605/archive/f6c882b6ae18bde42dcf6fdb751aae93495a2275.zip)**
98
98
99
-
### Consejo: Reusar un Componente {#tip-reuse-a-component}
99
+
### Consejo: Reusar un componente {#tip-reuse-a-component}
100
100
101
101
Por lo general, es deseado mostrar componentes de React en múltiples lugares de una página HTML. Aquí hay un ejemplo que muestra el botón de "Like" tres veces y le pasa algunos datos al mismo:
102
102
@@ -108,7 +108,7 @@ Por lo general, es deseado mostrar componentes de React en múltiples lugares de
108
108
>
109
109
>Esta estrategía es útil cuando las partes de la página que funcionan en React están aisladas entre sí. En código de React, es mucho más fácil usar [composición de componentes](/docs/components-and-props.html#composing-components) en su lugar.
110
110
111
-
### Consejo: Compactar JavaScript para Producción {#tip-minify-javascript-for-production}
111
+
### Consejo: Compactar JavaScript para producción {#tip-minify-javascript-for-production}
112
112
113
113
Antes de desplegar tu sitio web a producción, debes ser consciente que no compactar tu JavaScript puede disminuir de forma considerable la carga de tu página.
114
114
@@ -147,7 +147,7 @@ return (
147
147
);
148
148
```
149
149
150
-
Estos dos fragmentos de código son equivalentes. Mientras **JSX es [completamente opcional](/docs/react-without-jsx.html)**, muchas personas lo encuentran útil para escribir código relacionado con la IU -- ya sea usando React o con otras librerías.
150
+
Estos dos fragmentos de código son equivalentes. Mientras **JSX es [completamente opcional](/docs/react-without-jsx.html)**, muchas personas lo encuentran útil para escribir código relacionado con la IU -- ya sea usando React o con otras bibliotecas.
151
151
152
152
Puedes experimentar con JSX usando [este conversor en línea](http://babeljs.io/repl#?babili=false&browsers=&build=&builtIns=false&spec=false&loose=false&code_lz=Q&debug=false&forceAllTransforms=false&shippedProposals=false&circleciRepo=&evaluate=false&fileSize=false&sourceType=module&lineWrap=true&presets=es2015%2Creact%2Cstage-2%2Cstage-3&prettier=true&targets=Node-6.12&version=6.26.0&envVersion=).
153
153
@@ -165,7 +165,7 @@ Este enfoque está bien mientras aprendes o creas demostraciones simples. Sin em
165
165
166
166
### Agregar JSX a un proyecto {#add-jsx-to-a-project}
167
167
168
-
Agregar JSX a un proyecto no necesita de herramientas complicadas como un bundler o un servidor de desarrollo. Básicamente, agregar JSX **es muy parecido a agregar un preprocesador de CSS.** El único requsito es que tengas [Node.js](https://nodejs.org/) instalado en tu computador.
168
+
Agregar JSX a un proyecto no necesita de herramientas complicadas como un bundler o un servidor de desarrollo. Básicamente, agregar JSX **es muy parecido a agregar un preprocesador de CSS.** El único requisito es que tengas [Node.js](https://nodejs.org/) instalado en tu computador.
169
169
170
170
En tu terminal, ve a la carpeta que contiene tu proyecto y pega estos dos comandos:
171
171
@@ -179,7 +179,7 @@ En tu terminal, ve a la carpeta que contiene tu proyecto y pega estos dos comand
179
179
¡Felicitaciones! Acabas de agregar una **configuración de JSX lista para producción** a tu proyecto.
180
180
181
181
182
-
### Ejecuta el Preprocesador de JSX {#run-jsx-preprocessor}
182
+
### Ejecuta el preprocesador de JSX {#run-jsx-preprocessor}
183
183
184
184
Crea una carpeta llamada `src` y ejecuta este comando en la terminal:
185
185
@@ -197,6 +197,6 @@ No esperes hasta que termine -- este comando inicia un observador automático pa
197
197
198
198
Si ahora creas un archivo llamado `src/like_button.js` con este **[código inicial de JSX](https://cdn.rawgit.com/gaearon/c8e112dc74ac44aac4f673f2c39d19d1/raw/09b951c86c1bf1116af741fa4664511f2f179f0a/like_button.js)**, el observador va a crear un `like_button.js` preprocesado con el código JavaScript original que es apto para el navegador. Cuando edites el código del archivo que tiene JSX, el transformador va a volver a ejecutarse de forma automática.
199
199
200
-
Como un bonus, esto también te permite utilizar características nuevas de la sintáxis de JavaScript, como las clases, sin que te preocupes de que no funcionen en navegadores antiguos. La herramienta que hemos usado se llamda Babel, y puedes leer más sobre ella en [su documentación](http://babeljs.io/docs/en/babel-cli/).
200
+
Como un bonus, esto también te permite utilizar características nuevas de la sintaxis de JavaScript, como las clases, sin que te preocupes de que no funcionen en navegadores antiguos. La herramienta que hemos usado se llama Babel, y puedes leer más sobre ella en [su documentación](http://babeljs.io/docs/en/babel-cli/).
201
201
202
202
Si notas que se te está haciendo más cómodo manejar las herramientas de configuración y quieres sacarle mayor provecho, [en la próxima sección](/docs/create-a-new-react-app.html) se describen unas de las cadenas de herramientas más populares y accesibles. Dado el caso que no te sientas así -- esas etiquetas de script serán suficiente.
Copy file name to clipboardExpand all lines: content/docs/addons-shallow-renderer.md
+4-4Lines changed: 4 additions & 4 deletions
Original file line number
Diff line number
Diff line change
@@ -1,6 +1,6 @@
1
1
---
2
2
id: shallow-renderer
3
-
title: Renderizado superficial
3
+
title: Renderizador superficial
4
4
permalink: docs/shallow-renderer.html
5
5
layout: docs
6
6
category: Referencia
@@ -15,7 +15,7 @@ var ShallowRenderer = require('react-test-renderer/shallow'); // ES5 with npm
15
15
16
16
## Resumen {#resumen}
17
17
18
-
El renderizado superficial es util cuando escribes pruebas unitarias. El renderizado superficial te permite renderizar un componente a "un nivel de profundidad" y comprobar lo que su método de renderizado retorna sin preocuparse sobre el comportamiento de los componentes hijos, los cuales no son instanciados ni renderizados. Esto no requiere un DOM.
18
+
El renderizado superficial es útil cuando escribes pruebas unitarias. El renderizado superficial te permite renderizar un componente a "un nivel de profundidad" y comprobar lo que su método de renderizado retorna sin preocuparse sobre el comportamiento de los componentes hijos, los cuales no son instanciados ni renderizados. Esto no requiere un DOM.
19
19
20
20
Por ejemplo, si tienes el siguiente componente:
21
21
@@ -59,10 +59,10 @@ Las pruebas superficiales tienen algunas limitaciones, es decir, no soportan ref
59
59
60
60
Puedes ver el shallowRenderer como un "lugar" para renderizar el componente que quieres probar, y del cual quieres extraer el resultado del componente.
61
61
62
-
`shallowRenderer.render()` es parecido a [`ReactDOM.render()`](/docs/react-dom.html#render) pero no necesita DOM y solamente rendeirza un único nivel de profundidad. Esto quiere decir que se pueden probar componentes sin tener en cuenta como sus hijos son implementados.
62
+
`shallowRenderer.render()` es parecido a [`ReactDOM.render()`](/docs/react-dom.html#render) pero no necesita DOM y solamente renderiza un único nivel de profundidad. Esto quiere decir que se pueden probar componentes sin tener en cuenta como sus hijos son implementados.
Despues que `shallowRenderer.render()` es llamado, se puede usar `shallowRenderer.getRenderOutput()` para obtener el resultado superficialmente renderizado.
66
+
Después que `shallowRenderer.render()` es llamado, se puede usar `shallowRenderer.getRenderOutput()` para obtener el resultado superficialmente renderizado.
67
67
68
68
Entonces ya se pueden empezar a comprobar hechos sobre el resultado.
Copy file name to clipboardExpand all lines: content/docs/addons-test-utils.md
+4-4Lines changed: 4 additions & 4 deletions
Original file line number
Diff line number
Diff line change
@@ -122,7 +122,7 @@ it('can render and update a counter', () => {
122
122
});
123
123
```
124
124
125
-
No olvides que la ejecución de eventos del DOM sólo funciona cuando el contenedor del DOM es agregado al `document`. Puedes utilizar un ayudante como [`react-testing-library`](https://github.com/kentcdodds/react-testing-library) para reducir todo el código repetitivo.
125
+
No olvides que la ejecución de eventos del DOM solo funciona cuando el contenedor del DOM es agregado al `document`. Puedes utilizar un ayudante como [`react-testing-library`](https://github.com/kentcdodds/react-testing-library) para reducir todo el código repetitivo.
Igual a [`scryRenderedDOMComponentsWithClass()`](#scryrendereddomcomponentswithclass) pero espera que sólo haya un resultado, y retorna ese único resultado, de lo contrario lanza una excepción si hay algún otro número de coincidencias diferentes a una.
237
+
Igual a [`scryRenderedDOMComponentsWithClass()`](#scryrendereddomcomponentswithclass) pero espera que solo haya un resultado, y retorna ese único resultado, de lo contrario lanza una excepción si hay algún otro número de coincidencias diferentes a una.
Igual a [`scryRenderedDOMComponentsWithTag()`](#scryrendereddomcomponentswithtag) pero espera que sólo haya un resultado y retorna ese único resultado, de lo contario lanza una excepción si hay algún otro número de coincidencias diferentes a una.
263
+
Igual a [`scryRenderedDOMComponentsWithTag()`](#scryrendereddomcomponentswithtag) pero espera que solo haya un resultado y retorna ese único resultado, de lo contario lanza una excepción si hay algún otro número de coincidencias diferentes a una.
Igual a [`scryRenderedComponentsWithType()`](#scryrenderedcomponentswithtype) pero espera que sólo haya un resultado y retorna ese único resultado, de lo contrario lanza una excepción si hay algún otro número de coincidencias diferentes a una.
289
+
Igual a [`scryRenderedComponentsWithType()`](#scryrenderedcomponentswithtype) pero espera que solo haya un resultado y retorna ese único resultado, de lo contrario lanza una excepción si hay algún otro número de coincidencias diferentes a una.
0 commit comments