From 40bc972348285346e26d1c3084ff03ecfa499883 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Pablo=20Dom=C3=ADnguez=20Dur=C3=A1n?= Date: Sun, 24 May 2020 10:28:29 -0500 Subject: [PATCH 1/2] Fix grammatical typo --- content/docs/rendering-elements.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/content/docs/rendering-elements.md b/content/docs/rendering-elements.md index 47b26c34b..1e399e48a 100644 --- a/content/docs/rendering-elements.md +++ b/content/docs/rendering-elements.md @@ -64,7 +64,7 @@ Este llama a [`ReactDOM.render()`](/docs/react-dom.html#render) cada segundo des ## React solo actualiza lo que es necesario {#react-only-updates-whats-necessary} -React DOM compara el elemento y su hijos con el elemento anterior, y solo aplica las actualizaciones del DOM que son necesarias para que el DOM esté en el estado deseado. +React DOM compara el elemento y sus hijos con el elemento anterior, y solo aplica las actualizaciones del DOM que son necesarias para que el DOM esté en el estado deseado. Puedes verificar esto inspeccionando el [último ejemplo](codepen://rendering-elements/update-rendered-element) con las herramientas del navegador: From 3e7d8f5c29b0445d4a2dd3d98659549cd8c2ffe3 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Pablo=20Dom=C3=ADnguez=20Dur=C3=A1n?= Date: Sun, 24 May 2020 10:52:53 -0500 Subject: [PATCH 2/2] Fix grammatical typos, add a comma --- content/docs/components-and-props.md | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/content/docs/components-and-props.md b/content/docs/components-and-props.md index b96db8048..efb27bb8d 100644 --- a/content/docs/components-and-props.md +++ b/content/docs/components-and-props.md @@ -199,7 +199,7 @@ function Comment(props) { } ``` -A continuacion, vamos a extraer un componente `UserInfo` que renderiza un `Avatar` al lado del nombre del usuario: +A continuación, vamos a extraer un componente `UserInfo` que renderiza un `Avatar` al lado del nombre del usuario: ```js{3-8} function UserInfo(props) { @@ -214,7 +214,7 @@ function UserInfo(props) { } ``` -Esto nos permite simplificar `Comment` aun más: +Esto nos permite simplificar `Comment` aún más: ```js{4} function Comment(props) { @@ -234,7 +234,7 @@ function Comment(props) { [](codepen://components-and-props/extracting-components-continued) -Extraer componentes puede parecer un trabajo pesado al principio, pero tener una paleta de componentes reutilizables vale la pena en aplicaciones más grandes. Una buena regla en general es que si una parte de su interfaz de usuario se usa varias veces (`Button`, `Panel`, `Avatar`), o es lo suficientemente compleja por sí misma (`App`, `FeedStory`, `Comment`), es buen candidato para ser un componente reutilizable. +Extraer componentes puede parecer un trabajo pesado al principio, pero tener una paleta de componentes reutilizables vale la pena en aplicaciones más grandes. Una buena regla en general, es que si una parte de su interfaz de usuario se usa varias veces (`Button`, `Panel`, `Avatar`), o es lo suficientemente compleja por sí misma (`App`, `FeedStory`, `Comment`), es buen candidato para ser un componente reutilizable. ## Las props son de solo lectura {#props-are-read-only}