Skip to content

Commit 5b1ec43

Browse files
committed
Merge branch 'master' into accessibility-translation
2 parents 3b85099 + dc97bde commit 5b1ec43

File tree

79 files changed

+1058
-1079
lines changed

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

79 files changed

+1058
-1079
lines changed

README.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -57,7 +57,7 @@ The documentation is divided into several sections with a different tone and pur
5757

5858
## Translation
5959

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/).
6161

6262

6363
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).

content/blog/2015-03-30-community-roundup-26.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -29,7 +29,7 @@ Colin also [blogged about his experience using React Native](http://blog.scottlo
2929

3030
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. :)
3131

32-
<audio src="http://fdlyr.co/d/changelog/cdn.5by5.tv/audio/broadcasts/changelog/2015/changelog-149.mp3" controls="controls" style="width: 100%"></audio>
32+
<audio src="https://cdn.changelog.com/uploads/podcast/149/the-changelog-149.mp3" controls="controls" style="width: 100%"></audio>
3333

3434

3535
## Hacker News {#hacker-news}

content/community/nav.yml

Lines changed: 19 additions & 19 deletions
Original file line numberDiff line numberDiff line change
@@ -1,42 +1,42 @@
1-
- title: Community Resources
1+
- title: Recursos de la comunidad
22
items:
33
- id: support
4-
title: Support
4+
title: Asistencia
55
- id: courses
6-
title: Courses
6+
title: Cursos
77
- id: examples
8-
title: Examples
8+
title: Ejemplos
99
- id: meetups
10-
title: Meetups
10+
title: Encuentros
1111
- id: conferences
12-
title: Conferences
12+
title: Conferencias
1313
- id: articles
14-
title: Articles
14+
title: Artículos
1515
- id: podcasts
1616
title: Podcasts
1717
- id: videos
1818
title: Videos
1919
- id: external-resources
20-
title: External Resources
21-
- title: Tools
20+
title: Recursos externos
21+
- title: Herramientas
2222
items:
2323
- id: debugging-tools
24-
title: Debugging
24+
title: Depuración
2525
- id: component-workbenches
26-
title: Component Workbenches
26+
title: Herramientas de trabajo para componentes
2727
- id: jsx-integrations
28-
title: JSX Integrations
28+
title: Integraciones de JSX
2929
- id: starter-kits
30-
title: Starter Kits
30+
title: Kits de inicio
3131
- id: routing
32-
title: Routing
32+
title: Enrutamiento
3333
- id: model-management
34-
title: Model Management
34+
title: Gestión de modelos
3535
- id: data-fetching
36-
title: Data Fetching
36+
title: Obtención de datos
3737
- id: testing
38-
title: Testing
38+
title: Pruebas
3939
- id: ui-components
40-
title: UI Components
40+
title: Componentes de IU
4141
- id: misc
42-
title: Miscellaneous
42+
title: Miscelánea

content/docs/add-react-to-a-website.md

Lines changed: 10 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -19,15 +19,15 @@ La mayoría de sitios web no son, y no necesitan ser, aplicaciones de una sóla
1919
- [Agrega React en Un Minuto](#add-react-in-one-minute)
2020
- [Opcional: Prueba React con JSX](#optional-try-react-with-jsx) (sin necesidad de usar bundler!)
2121

22-
## Agrega React en Un Minuto {#add-react-in-one-minute}
22+
## Agrega React en un minuto {#add-react-in-one-minute}
2323

2424
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.
2525

2626
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.**
2727

2828
Opcional: [Descargar el ejemplo completo (2KB comprimido)](https://gist.github.com/gaearon/6668a1f6986742109c00a581ce704605/archive/f6c882b6ae18bde42dcf6fdb751aae93495a2275.zip)
2929

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}
3131

3232
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:
3333

@@ -45,7 +45,7 @@ A este `<div>` le agregamos un atributo HTML `id` que es único. Esto nos permit
4545
>
4646
>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.
4747
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}
4949

5050
Lo siguiente es agregar tres etiquetas `<script>` a la página HTML justo antes de cerrar la etiqueta `</body>`:
5151

@@ -65,7 +65,7 @@ Lo siguiente es agregar tres etiquetas `<script>` a la página HTML justo antes
6565

6666
Las primeras dos etiquetas cargan React. La tercera carga tu código del componente.
6767

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}
6969

7070
Crea un archivo llamado `like_button.js` en el mismo lugar donde tienes tu archivo HTML.
7171

@@ -96,7 +96,7 @@ Dale un vistazo a las siguientes secciones para más consejos sobre como integra
9696

9797
**[Descargar el ejemplo completo (2KB comprimido)](https://gist.github.com/gaearon/6668a1f6986742109c00a581ce704605/archive/f6c882b6ae18bde42dcf6fdb751aae93495a2275.zip)**
9898

99-
### Consejo: Reusar un Componente {#tip-reuse-a-component}
99+
### Consejo: Reusar un componente {#tip-reuse-a-component}
100100

101101
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:
102102

@@ -108,7 +108,7 @@ Por lo general, es deseado mostrar componentes de React en múltiples lugares de
108108
>
109109
>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.
110110
111-
### Consejo: Compactar JavaScript para Producción {#tip-minify-javascript-for-production}
111+
### Consejo: Compactar JavaScript para producción {#tip-minify-javascript-for-production}
112112

113113
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.
114114

@@ -147,7 +147,7 @@ return (
147147
);
148148
```
149149

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.
151151

152152
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=).
153153

@@ -165,7 +165,7 @@ Este enfoque está bien mientras aprendes o creas demostraciones simples. Sin em
165165

166166
### Agregar JSX a un proyecto {#add-jsx-to-a-project}
167167

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.
169169

170170
En tu terminal, ve a la carpeta que contiene tu proyecto y pega estos dos comandos:
171171

@@ -179,7 +179,7 @@ En tu terminal, ve a la carpeta que contiene tu proyecto y pega estos dos comand
179179
¡Felicitaciones! Acabas de agregar una **configuración de JSX lista para producción** a tu proyecto.
180180

181181

182-
### Ejecuta el Preprocesador de JSX {#run-jsx-preprocessor}
182+
### Ejecuta el preprocesador de JSX {#run-jsx-preprocessor}
183183

184184
Crea una carpeta llamada `src` y ejecuta este comando en la terminal:
185185

@@ -197,6 +197,6 @@ No esperes hasta que termine -- este comando inicia un observador automático pa
197197

198198
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.
199199

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/).
201201

202202
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.

content/docs/addons-shallow-renderer.md

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
---
22
id: shallow-renderer
3-
title: Renderizado superficial
3+
title: Renderizador superficial
44
permalink: docs/shallow-renderer.html
55
layout: docs
66
category: Referencia
@@ -15,7 +15,7 @@ var ShallowRenderer = require('react-test-renderer/shallow'); // ES5 with npm
1515

1616
## Resumen {#resumen}
1717

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.
1919

2020
Por ejemplo, si tienes el siguiente componente:
2121

@@ -59,10 +59,10 @@ Las pruebas superficiales tienen algunas limitaciones, es decir, no soportan ref
5959

6060
Puedes ver el shallowRenderer como un "lugar" para renderizar el componente que quieres probar, y del cual quieres extraer el resultado del componente.
6161

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.
6363

6464
### `shallowRenderer.getRenderOutput()` {#shallowrenderergetrenderoutput}
6565

66-
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.
6767

6868
Entonces ya se pueden empezar a comprobar hechos sobre el resultado.

content/docs/addons-test-utils.md

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -122,7 +122,7 @@ it('can render and update a counter', () => {
122122
});
123123
```
124124

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.
126126

127127
* * *
128128

@@ -234,7 +234,7 @@ findRenderedDOMComponentWithClass(
234234
)
235235
```
236236

237-
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.
238238

239239
* * *
240240

@@ -260,7 +260,7 @@ findRenderedDOMComponentWithTag(
260260
)
261261
```
262262

263-
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.
264264

265265
* * *
266266

@@ -286,7 +286,7 @@ findRenderedComponentWithType(
286286
)
287287
```
288288

289-
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.
290290

291291
***
292292

0 commit comments

Comments
 (0)