diff --git a/src/content/blog/2021/12/17/react-conf-2021-recap.md b/src/content/blog/2021/12/17/react-conf-2021-recap.md index 45ca7390d..d206f1040 100644 --- a/src/content/blog/2021/12/17/react-conf-2021-recap.md +++ b/src/content/blog/2021/12/17/react-conf-2021-recap.md @@ -119,7 +119,7 @@ Mirando más hacia el futuro, [Xuan Huang (黄玄)](https://twitter.com/Huxpro) **Y charlas de la comunidad sobre accesibilidad, herramientas y componentes de servidor:** -- Daishi Kato: [React 18 para librerías de tiendas externas](https://youtu.be/oPfSC5bQPR8). +- Daishi Kato: [React 18 para bibliotecas de tiendas externas](https://youtu.be/oPfSC5bQPR8). - Diego Haz: [Construyendo Componentes Accesibles en React 18](https://youtu.be/dcm8fjBfro8). - Tafu Nakazaki: [Componentes de formulario accesibles en japonés con React](https://youtu.be/S4a0QlsH0pU). - Lyle Troxell: [Herramientas de UI para artistas](https://youtu.be/b3l4WxipFsE). diff --git a/src/content/blog/2022/03/29/react-v18.md b/src/content/blog/2022/03/29/react-v18.md index 2954b3cc5..21862c000 100644 --- a/src/content/blog/2022/03/29/react-v18.md +++ b/src/content/blog/2022/03/29/react-v18.md @@ -271,7 +271,7 @@ Consulta [Cómo Actualizar a React 18](/blog/2022/03/08/react-18-upgrade-guide) * Añadido `useId` para generar IDs únicos. ([#17322](https://github.com/facebook/react/pull/17322), [#18576](https://github.com/facebook/react/pull/18576), [#22644](https://github.com/facebook/react/pull/22644), [#22672](https://github.com/facebook/react/pull/22672), [#21260](https://github.com/facebook/react/pull/21260) por [@acdlite](https://github.com/acdlite), [@lunaruan](https://github.com/lunaruan), y [@sebmarkbage](https://github.com/sebmarkbage)) * Añadido `useSyncExternalStore` para ayudar a liberías de tiendas externas a integrarse con React. ([#15022](https://github.com/facebook/react/pull/15022), [#18000](https://github.com/facebook/react/pull/18000), [#18771](https://github.com/facebook/react/pull/18771), [#22211](https://github.com/facebook/react/pull/22211), [#22292](https://github.com/facebook/react/pull/22292), [#22239](https://github.com/facebook/react/pull/22239), [#22347](https://github.com/facebook/react/pull/22347), [#23150](https://github.com/facebook/react/pull/23150) por [@acdlite](https://github.com/acdlite), [@bvaughn](https://github.com/bvaughn), y [@drarmstr](https://github.com/drarmstr)) * Añadido `startTransition` como una versión de `useTransition` sin comentarios pendientes.([#19696](https://github.com/facebook/react/pull/19696) por [@rickhanlonii](https://github.com/rickhanlonii)) -* Añadido `useInsertionEffect` para librerías CSS-en-JS. ([#21913](https://github.com/facebook/react/pull/21913) por [@rickhanlonii](https://github.com/rickhanlonii)) +* Añadido `useInsertionEffect` para bibliotecas CSS-en-JS. ([#21913](https://github.com/facebook/react/pull/21913) por [@rickhanlonii](https://github.com/rickhanlonii)) * Hecho que Suspense remonte los efectos de diseño cuando el contenido vuelve a aparecer.([#19322](https://github.com/facebook/react/pull/19322), [#19374](https://github.com/facebook/react/pull/19374), [#19523](https://github.com/facebook/react/pull/19523), [#20625](https://github.com/facebook/react/pull/20625), [#21079](https://github.com/facebook/react/pull/21079) por [@acdlite](https://github.com/acdlite), [@bvaughn](https://github.com/bvaughn), y [@lunaruan](https://github.com/lunaruan)) * Hecho que `` vuelva a ejecutar los efectos para verificar el estado restaurable. ([#19523](https://github.com/facebook/react/pull/19523) , [#21418](https://github.com/facebook/react/pull/21418) por [@bvaughn](https://github.com/bvaughn) y [@lunaruan](https://github.com/lunaruan)) * Se asume que los Symbols siempre están disponibles. ([#23348](https://github.com/facebook/react/pull/23348) por [@sebmarkbage](https://github.com/sebmarkbage)) diff --git a/src/content/learn/updating-objects-in-state.md b/src/content/learn/updating-objects-in-state.md index 946d0e747..76c4e316e 100644 --- a/src/content/learn/updating-objects-in-state.md +++ b/src/content/learn/updating-objects-in-state.md @@ -654,7 +654,7 @@ Si se muta `obj3.artwork.city`, afectaría tanto a `obj2.artwork.city` como a `o ### Escribe una lógica de actualización concisa con Immer {/*write-concise-update-logic-with-immer*/} -Si su estado está profundamente anidado, podría considerar [aplanarlo.](/learn/choosing-the-state-structure#avoid-deeply-nested-state) Pero, si no quieres cambiar la estructura de tu estado, puede que prefieras un atajo a los spreads anidados. [Immer](https://github.com/immerjs/use-immer) es una popular librería que te permite escribir utilizando la sintaxis conveniente pero mutante y se encarga de producir las copias por ti. Con Immer, el código que escribes parece que estés "rompiendo las reglas" y mutando un objeto: +Si su estado está profundamente anidado, podría considerar [aplanarlo.](/learn/choosing-the-state-structure#avoid-deeply-nested-state) Pero, si no quieres cambiar la estructura de tu estado, puede que prefieras un atajo a los spreads anidados. [Immer](https://github.com/immerjs/use-immer) es una popular biblioteca que te permite escribir utilizando la sintaxis conveniente pero mutante y se encarga de producir las copias por ti. Con Immer, el código que escribes parece que estés "rompiendo las reglas" y mutando un objeto: ```js updatePerson(draft => { diff --git a/src/content/reference/react/useEffect.md b/src/content/reference/react/useEffect.md index 9f15894db..f2f53b766 100644 --- a/src/content/reference/react/useEffect.md +++ b/src/content/reference/react/useEffect.md @@ -76,7 +76,7 @@ function ChatRoom({ roomId }) { ### Conexión a un sistema externo {/*connecting-to-an-external-system*/} -A veces, un componente puede necesitar permanecer conectado a la red, a alguna API del navegador, o a una librería de terceros, mientras se muestra en la página. Estos sistemas no están controlados por React, por lo que se denominan *externos.* +A veces, un componente puede necesitar permanecer conectado a la red, a alguna API del navegador, o a una biblioteca de terceros, mientras se muestra en la página. Estos sistemas no están controlados por React, por lo que se denominan *externos.* Para [conectar tu componente a algún sistema externo,](/learn/synchronizing-with-effects) declara `useEffect` en el nivel superior de tu componente: