From 0806dcb2a4c074b8979e7e874c26aff42c1f05fb Mon Sep 17 00:00:00 2001 From: RubenChirino Date: Sat, 25 Feb 2023 13:08:24 -0300 Subject: [PATCH 01/16] Adding translations to the component --- beta/src/content/reference/react/Profiler.md | 52 ++++++++++---------- 1 file changed, 26 insertions(+), 26 deletions(-) diff --git a/beta/src/content/reference/react/Profiler.md b/beta/src/content/reference/react/Profiler.md index 5bfa3b317..bc7dd1502 100644 --- a/beta/src/content/reference/react/Profiler.md +++ b/beta/src/content/reference/react/Profiler.md @@ -4,7 +4,7 @@ title: -`` lets you measure rendering performance of a React tree programmatically. +`` te permite medir el rendimiento de la performance de un árbol de React de forma programática. ```js @@ -18,11 +18,11 @@ title: --- -## Reference {/*reference*/} +## Referencia {/*reference*/} ### `` {/*profiler*/} -Wrap a component tree in a `` to measure its rendering performance. +Envuelve un árbol de componentes en un `` para medir su rendimiento de renderizado. ```js @@ -32,41 +32,41 @@ Wrap a component tree in a `` to measure its rendering performance. #### Props {/*props*/} -* `id`: A string identifying the part of the UI you are measuring. -* `onRender`: An [`onRender` callback](#onrender-callback) that React calls it every time components within the profiled tree update. It receives information about what was rendered and how much time it took. +* `id`: Un string que identifica la parte de la interfaz de usuario que se está midiendo. +* `onRender`: Una [devolución de llamada `onRender`](#onrender-callback) que React llama cada vez que los componentes dentro del árbol perfilado se actualizan. Recibe información sobre lo que se renderizó y cuánto tiempo llevó. -#### Caveats {/*caveats*/} +#### Advertencias {/*caveats*/} -* Profiling adds some additional overhead, so **it is disabled in the production build by default.** To opt into production profiling, you need to enable a [special production build with profiling enabled.](https://fb.me/react-profiling) +* El perfilado agrega cierta sobrecarga adicional, por lo que **está deshabilitado en la versión de producción de manera predeterminada.** Para optar por el perfilado en producción, debe habilitar una [versión especial de producción con el perfilado habilitado.](https://fb.me/react-profiling) --- ### `onRender` callback {/*onrender-callback*/} -React will call your `onRender` callback with information about what was rendered. +React llamará su devolución de llamada `onRender` con información sobre lo que se renderizó. ```js function onRender(id, phase, actualDuration, baseDuration, startTime, commitTime) { - // Aggregate or log render timings... + // Agregar o registrar tiempos de procesamiento... } ``` -#### Parameters {/*onrender-parameters*/} +#### Parámetros {/*onrender-parameters*/} -* `id`: The string `id` prop of the `` tree that has just committed. This lets you identify which part of the tree was committed if you are using multiple profilers. -* `phase`: `"mount"`, `"update"` or `"nested-update"`. This lets you know whether the tree has just been mounted for the first time or re-rendered due to a change in props, state, or hooks. -* `actualDuration`: The number of milliseconds spent rendering the `` and its descendants for the current update. This indicates how well the subtree makes use of memoization (e.g. [`memo`](/reference/react/memo) and [`useMemo`](/reference/react/useMemo)). Ideally this value should decrease significantly after the initial mount as many of the descendants will only need to re-render if their specific props change. -* `baseDuration`: The number of milliseconds estimating how much time it would take to re-render the entire `` subtree without any optimizations. It is calculated by summing up the most recent render durations of each component in the tree. This value estimates a worst-case cost of rendering (e.g. the initial mount or a tree with no memoization). Compare `actualDuration` against it to see if memoization is working. -* `startTime`: A numeric timestamp for when React began rendering the current update. -* `endTime`: A numeric timestamp for when React committed the current update. This value is shared between all profilers in a commit, enabling them to be grouped if desirable. +* `id`: La propiedad `id` del árbol `` que acaba de ser entregado. Esto te permite identificar qué parte del árbol se entregó si estás usando varios perfiles. +* `phase`: `"mount"`, `"update"` o `"nested-update"`. Esto te indica si el árbol acaba de ser montado por primera vez o se ha vuelto a renderizar debido a un cambio en las props, el estado o los hooks. +* `actualDuration`: El número de milisegundos que se tardó en renderizar el árbol `` Esto indica qué tan bien el subárbol hace uso de la memorización (por ejemplo, [`memo`](/reference/react/memo) y [`useMemo`](/reference/react/useMemo)). Idealmente, este valor debería disminuir significativamente después del montaje inicial, ya que muchos de los descendientes solo necesitarán volver a renderizarse si cambian sus propiedades específicas. +* `baseDuration`: El número de milisegundos que estima cuánto tiempo tardaría en volver a renderizar todo el subárbol `` sin ninguna optimización. Se calcula sumando las duraciones de renderizado más recientes de cada componente en el árbol. Este valor estima el costo peor de caso del renderizado (por ejemplo, el montaje inicial o un árbol sin memorización). Compara `actualDuration` con este valor para ver si la memorización está funcionando. +* `startTime`: Una marca de tiempo numérica para cuando React comenzó a renderizar la actualización actual. +* `endTime`: Una marca de tiempo numérica para cuando React entregó la actualización actual. Este valor se comparte entre todos los perfiles en una entrega, lo que permite agruparlos si es deseable. --- -## Usage {/*usage*/} +## Uso {/*usage*/} -### Measuring rendering performance programmatically {/*measuring-rendering-performance-programmatically*/} +### Medición del rendimiento de la performance programáticamente {/*measuring-rendering-performance-programmatically*/} -Wrap the `` component around a React tree to measure its rendering performance. +Envuelve el componente `` alrededor de un árbol de React para medir su rendimiento de performance. ```js {2,4} @@ -77,25 +77,25 @@ Wrap the `` component around a React tree to measure its rendering per ``` -It requires two props: an `id` (string) and an `onRender` callback (function) which React calls any time a component within the tree "commits" an update. +Se requieren dos props: un `id` (string) y un callback `onRender` (function) que React llama cada vez que un componente dentro del árbol "comete" una actualización. -Profiling adds some additional overhead, so **it is disabled in the production build by default.** To opt into production profiling, you need to enable a [special production build with profiling enabled.](https://fb.me/react-profiling) +El perfilado agrega una sobrecarga adicional, por lo que **está desactivado en la compilación de producción de forma predeterminada.** Para habilitar el perfilado en producción, debes habilitar una [compilación especial de producción con el perfilado activado.](https://fb.me/react-profiling) -`` lets you gather measurements programmatically. If you're looking for an interactive profiler, try the Profiler tab in [React Developer Tools](/learn/react-developer-tools). It exposes similar functionality as a browser extension. +`` te permite recopilar mediciones de forma programática. Si estás buscando un perfilador interactivo, prueba la pestaña Profiler en las [React Developer Tools](/learn/react-developer-tools). Expone funcionalidades similares a una extensión del navegador. --- -### Measuring different parts of the application {/*measuring-different-parts-of-the-application*/} +### Midiendo diferentes partes de la aplicación {/*measuring-different-parts-of-the-application*/} -You can use multiple `` components to measure different parts of your application: +Puedes usar varios componentes `` para medir diferentes partes de tu aplicación: ```js {5,7} @@ -108,7 +108,7 @@ You can use multiple `` components to measure different parts of your ``` -You can also nest `` components: +También puedes anidar componentes ``: ```js {5,7,9,12} @@ -126,7 +126,7 @@ You can also nest `` components: ``` -Although `` is a lightweight component, it should be used only when necessary. Each use adds some CPU and memory overhead to an application. +Aunque `` es un componente ligero, debería ser usado solo cuando sea necesario. Cada uso añade una sobrecarga de CPU y memoria a una aplicación. --- From 5ea12452d343707f238dace6b39c177974f2242b Mon Sep 17 00:00:00 2001 From: Ruben Chirino Date: Sun, 19 Mar 2023 14:45:14 -0300 Subject: [PATCH 02/16] Update beta/src/content/reference/react/Profiler.md MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Co-authored-by: Javier López de Ancos --- beta/src/content/reference/react/Profiler.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/beta/src/content/reference/react/Profiler.md b/beta/src/content/reference/react/Profiler.md index bc7dd1502..693b52bcf 100644 --- a/beta/src/content/reference/react/Profiler.md +++ b/beta/src/content/reference/react/Profiler.md @@ -4,7 +4,7 @@ title: -`` te permite medir el rendimiento de la performance de un árbol de React de forma programática. +`` te permite medir el rendimiento de la performance de un árbol de componentes de React de forma programática. ```js From 4e59325103397cffbf2e0568cad93a34b16d6123 Mon Sep 17 00:00:00 2001 From: Ruben Chirino Date: Sun, 19 Mar 2023 14:45:36 -0300 Subject: [PATCH 03/16] Update beta/src/content/reference/react/Profiler.md MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Co-authored-by: Javier López de Ancos --- beta/src/content/reference/react/Profiler.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/beta/src/content/reference/react/Profiler.md b/beta/src/content/reference/react/Profiler.md index 693b52bcf..db7ea36e0 100644 --- a/beta/src/content/reference/react/Profiler.md +++ b/beta/src/content/reference/react/Profiler.md @@ -32,7 +32,7 @@ Envuelve un árbol de componentes en un `` para medir su rendimiento d #### Props {/*props*/} -* `id`: Un string que identifica la parte de la interfaz de usuario que se está midiendo. +* `id`: Un string que identifica qué parte de la interfaz de usuario estas midiendo. * `onRender`: Una [devolución de llamada `onRender`](#onrender-callback) que React llama cada vez que los componentes dentro del árbol perfilado se actualizan. Recibe información sobre lo que se renderizó y cuánto tiempo llevó. #### Advertencias {/*caveats*/} From 538b688970ae35ad69395a1481e20ecf0918a3b5 Mon Sep 17 00:00:00 2001 From: Ruben Chirino Date: Sat, 1 Apr 2023 11:37:08 -0300 Subject: [PATCH 04/16] Update beta/src/content/reference/react/Profiler.md Co-authored-by: Rainer Martinez --- beta/src/content/reference/react/Profiler.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/beta/src/content/reference/react/Profiler.md b/beta/src/content/reference/react/Profiler.md index db7ea36e0..b5e612ff9 100644 --- a/beta/src/content/reference/react/Profiler.md +++ b/beta/src/content/reference/react/Profiler.md @@ -4,7 +4,7 @@ title: -`` te permite medir el rendimiento de la performance de un árbol de componentes de React de forma programática. +`` te permite medir el rendimiento del renderizado de un árbol de componentes de React de forma programática. ```js From 23bd321c2fd7dc3825d1e6ff1bac7567e1582156 Mon Sep 17 00:00:00 2001 From: Ruben Chirino Date: Sat, 1 Apr 2023 11:37:26 -0300 Subject: [PATCH 05/16] Update beta/src/content/reference/react/Profiler.md Co-authored-by: Rainer Martinez --- beta/src/content/reference/react/Profiler.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/beta/src/content/reference/react/Profiler.md b/beta/src/content/reference/react/Profiler.md index b5e612ff9..a4ea77d6c 100644 --- a/beta/src/content/reference/react/Profiler.md +++ b/beta/src/content/reference/react/Profiler.md @@ -32,7 +32,7 @@ Envuelve un árbol de componentes en un `` para medir su rendimiento d #### Props {/*props*/} -* `id`: Un string que identifica qué parte de la interfaz de usuario estas midiendo. +* `id`: Un string que identifica qué parte de la interfaz de usuario estás midiendo. * `onRender`: Una [devolución de llamada `onRender`](#onrender-callback) que React llama cada vez que los componentes dentro del árbol perfilado se actualizan. Recibe información sobre lo que se renderizó y cuánto tiempo llevó. #### Advertencias {/*caveats*/} From 5a165f794362318e83dc2b2477c7fd4b867b2228 Mon Sep 17 00:00:00 2001 From: Ruben Chirino Date: Sat, 1 Apr 2023 11:37:54 -0300 Subject: [PATCH 06/16] Update beta/src/content/reference/react/Profiler.md Co-authored-by: Rainer Martinez --- beta/src/content/reference/react/Profiler.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/beta/src/content/reference/react/Profiler.md b/beta/src/content/reference/react/Profiler.md index a4ea77d6c..fa99aebc2 100644 --- a/beta/src/content/reference/react/Profiler.md +++ b/beta/src/content/reference/react/Profiler.md @@ -33,7 +33,7 @@ Envuelve un árbol de componentes en un `` para medir su rendimiento d #### Props {/*props*/} * `id`: Un string que identifica qué parte de la interfaz de usuario estás midiendo. -* `onRender`: Una [devolución de llamada `onRender`](#onrender-callback) que React llama cada vez que los componentes dentro del árbol perfilado se actualizan. Recibe información sobre lo que se renderizó y cuánto tiempo llevó. +* `onRender`: Un [*callback* `onRender`](#onrender-callback) que React llama cada vez que los componentes dentro del árbol perfilado se actualizan. Recibe información sobre lo que se renderizó y cuánto tiempo llevó. #### Advertencias {/*caveats*/} From 5661411c7902dc45a89db37123ff1f41dc49f3f8 Mon Sep 17 00:00:00 2001 From: Ruben Chirino Date: Sat, 1 Apr 2023 11:38:00 -0300 Subject: [PATCH 07/16] Update beta/src/content/reference/react/Profiler.md Co-authored-by: Rainer Martinez --- beta/src/content/reference/react/Profiler.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/beta/src/content/reference/react/Profiler.md b/beta/src/content/reference/react/Profiler.md index fa99aebc2..d267b38ea 100644 --- a/beta/src/content/reference/react/Profiler.md +++ b/beta/src/content/reference/react/Profiler.md @@ -37,7 +37,7 @@ Envuelve un árbol de componentes en un `` para medir su rendimiento d #### Advertencias {/*caveats*/} -* El perfilado agrega cierta sobrecarga adicional, por lo que **está deshabilitado en la versión de producción de manera predeterminada.** Para optar por el perfilado en producción, debe habilitar una [versión especial de producción con el perfilado habilitado.](https://fb.me/react-profiling) +* El perfilado agrega cierta sobrecarga adicional, por lo que **está deshabilitado en la versión de producción de manera predeterminada.** Para optar por el perfilado en producción, debes habilitar una [versión especial de producción con el perfilado habilitado.](https://fb.me/react-profiling) --- From 68774ebe25a85bff190ad01868ebc426ce3a151c Mon Sep 17 00:00:00 2001 From: Ruben Chirino Date: Sat, 1 Apr 2023 11:38:10 -0300 Subject: [PATCH 08/16] Update beta/src/content/reference/react/Profiler.md Co-authored-by: Rainer Martinez --- beta/src/content/reference/react/Profiler.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/beta/src/content/reference/react/Profiler.md b/beta/src/content/reference/react/Profiler.md index d267b38ea..400c77ffc 100644 --- a/beta/src/content/reference/react/Profiler.md +++ b/beta/src/content/reference/react/Profiler.md @@ -43,7 +43,7 @@ Envuelve un árbol de componentes en un `` para medir su rendimiento d ### `onRender` callback {/*onrender-callback*/} -React llamará su devolución de llamada `onRender` con información sobre lo que se renderizó. +React llamará tu *callback* `onRender` con información sobre lo que se renderizó. ```js function onRender(id, phase, actualDuration, baseDuration, startTime, commitTime) { From 6d012924ae1a1c865d6624742c4772ee3465ac59 Mon Sep 17 00:00:00 2001 From: Ruben Chirino Date: Sat, 1 Apr 2023 11:38:23 -0300 Subject: [PATCH 09/16] Update beta/src/content/reference/react/Profiler.md Co-authored-by: Rainer Martinez --- beta/src/content/reference/react/Profiler.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/beta/src/content/reference/react/Profiler.md b/beta/src/content/reference/react/Profiler.md index 400c77ffc..b584b705f 100644 --- a/beta/src/content/reference/react/Profiler.md +++ b/beta/src/content/reference/react/Profiler.md @@ -53,7 +53,7 @@ function onRender(id, phase, actualDuration, baseDuration, startTime, commitTime #### Parámetros {/*onrender-parameters*/} -* `id`: La propiedad `id` del árbol `` que acaba de ser entregado. Esto te permite identificar qué parte del árbol se entregó si estás usando varios perfiles. +* `id`: La prop `id` del árbol `` que acaba de ser entregado. Esto te permite identificar qué parte del árbol se entregó si estás usando varios perfiles. * `phase`: `"mount"`, `"update"` o `"nested-update"`. Esto te indica si el árbol acaba de ser montado por primera vez o se ha vuelto a renderizar debido a un cambio en las props, el estado o los hooks. * `actualDuration`: El número de milisegundos que se tardó en renderizar el árbol `` Esto indica qué tan bien el subárbol hace uso de la memorización (por ejemplo, [`memo`](/reference/react/memo) y [`useMemo`](/reference/react/useMemo)). Idealmente, este valor debería disminuir significativamente después del montaje inicial, ya que muchos de los descendientes solo necesitarán volver a renderizarse si cambian sus propiedades específicas. * `baseDuration`: El número de milisegundos que estima cuánto tiempo tardaría en volver a renderizar todo el subárbol `` sin ninguna optimización. Se calcula sumando las duraciones de renderizado más recientes de cada componente en el árbol. Este valor estima el costo peor de caso del renderizado (por ejemplo, el montaje inicial o un árbol sin memorización). Compara `actualDuration` con este valor para ver si la memorización está funcionando. From df0cab3e4a157f9a317d9c4ba17e154731cf6dd6 Mon Sep 17 00:00:00 2001 From: Ruben Chirino Date: Sat, 1 Apr 2023 11:39:08 -0300 Subject: [PATCH 10/16] Update beta/src/content/reference/react/Profiler.md Co-authored-by: Rainer Martinez --- beta/src/content/reference/react/Profiler.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/beta/src/content/reference/react/Profiler.md b/beta/src/content/reference/react/Profiler.md index b584b705f..9eee4d05b 100644 --- a/beta/src/content/reference/react/Profiler.md +++ b/beta/src/content/reference/react/Profiler.md @@ -55,7 +55,7 @@ function onRender(id, phase, actualDuration, baseDuration, startTime, commitTime * `id`: La prop `id` del árbol `` que acaba de ser entregado. Esto te permite identificar qué parte del árbol se entregó si estás usando varios perfiles. * `phase`: `"mount"`, `"update"` o `"nested-update"`. Esto te indica si el árbol acaba de ser montado por primera vez o se ha vuelto a renderizar debido a un cambio en las props, el estado o los hooks. -* `actualDuration`: El número de milisegundos que se tardó en renderizar el árbol `` Esto indica qué tan bien el subárbol hace uso de la memorización (por ejemplo, [`memo`](/reference/react/memo) y [`useMemo`](/reference/react/useMemo)). Idealmente, este valor debería disminuir significativamente después del montaje inicial, ya que muchos de los descendientes solo necesitarán volver a renderizarse si cambian sus propiedades específicas. +* `actualDuration`: El número de milisegundos que se tardó en renderizar el árbol `` Esto indica qué tan bien el subárbol hace uso de la memoización (por ejemplo, [`memo`](/reference/react/memo) y [`useMemo`](/reference/react/useMemo)). Idealmente, este valor debería disminuir significativamente después del montaje inicial, ya que muchos de los descendientes solo necesitarán volver a renderizarse si cambian sus propiedades específicas. * `baseDuration`: El número de milisegundos que estima cuánto tiempo tardaría en volver a renderizar todo el subárbol `` sin ninguna optimización. Se calcula sumando las duraciones de renderizado más recientes de cada componente en el árbol. Este valor estima el costo peor de caso del renderizado (por ejemplo, el montaje inicial o un árbol sin memorización). Compara `actualDuration` con este valor para ver si la memorización está funcionando. * `startTime`: Una marca de tiempo numérica para cuando React comenzó a renderizar la actualización actual. * `endTime`: Una marca de tiempo numérica para cuando React entregó la actualización actual. Este valor se comparte entre todos los perfiles en una entrega, lo que permite agruparlos si es deseable. From c97adcc6be1eb172c54a6ffda57130ed84713fd9 Mon Sep 17 00:00:00 2001 From: Ruben Chirino Date: Sat, 1 Apr 2023 11:40:55 -0300 Subject: [PATCH 11/16] Update beta/src/content/reference/react/Profiler.md Co-authored-by: Rainer Martinez --- beta/src/content/reference/react/Profiler.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/beta/src/content/reference/react/Profiler.md b/beta/src/content/reference/react/Profiler.md index 9eee4d05b..fed487b60 100644 --- a/beta/src/content/reference/react/Profiler.md +++ b/beta/src/content/reference/react/Profiler.md @@ -56,7 +56,7 @@ function onRender(id, phase, actualDuration, baseDuration, startTime, commitTime * `id`: La prop `id` del árbol `` que acaba de ser entregado. Esto te permite identificar qué parte del árbol se entregó si estás usando varios perfiles. * `phase`: `"mount"`, `"update"` o `"nested-update"`. Esto te indica si el árbol acaba de ser montado por primera vez o se ha vuelto a renderizar debido a un cambio en las props, el estado o los hooks. * `actualDuration`: El número de milisegundos que se tardó en renderizar el árbol `` Esto indica qué tan bien el subárbol hace uso de la memoización (por ejemplo, [`memo`](/reference/react/memo) y [`useMemo`](/reference/react/useMemo)). Idealmente, este valor debería disminuir significativamente después del montaje inicial, ya que muchos de los descendientes solo necesitarán volver a renderizarse si cambian sus propiedades específicas. -* `baseDuration`: El número de milisegundos que estima cuánto tiempo tardaría en volver a renderizar todo el subárbol `` sin ninguna optimización. Se calcula sumando las duraciones de renderizado más recientes de cada componente en el árbol. Este valor estima el costo peor de caso del renderizado (por ejemplo, el montaje inicial o un árbol sin memorización). Compara `actualDuration` con este valor para ver si la memorización está funcionando. +* `baseDuration`: El número de milisegundos que estima cuánto tiempo tardaría en volver a renderizar todo el subárbol `` sin ninguna optimización. Se calcula sumando las duraciones de renderizado más recientes de cada componente en el árbol. Este valor estima el costo del renderizado para el peor de caso (por ejemplo, el montaje inicial o un árbol sin memoización). Compara `actualDuration` con este valor para ver si la memorización está funcionando. * `startTime`: Una marca de tiempo numérica para cuando React comenzó a renderizar la actualización actual. * `endTime`: Una marca de tiempo numérica para cuando React entregó la actualización actual. Este valor se comparte entre todos los perfiles en una entrega, lo que permite agruparlos si es deseable. From f72d91b62fabdc08758d8290e6da0dad8f4c4035 Mon Sep 17 00:00:00 2001 From: Ruben Chirino Date: Sat, 1 Apr 2023 11:41:11 -0300 Subject: [PATCH 12/16] Update beta/src/content/reference/react/Profiler.md Co-authored-by: Rainer Martinez --- beta/src/content/reference/react/Profiler.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/beta/src/content/reference/react/Profiler.md b/beta/src/content/reference/react/Profiler.md index fed487b60..f917e2b82 100644 --- a/beta/src/content/reference/react/Profiler.md +++ b/beta/src/content/reference/react/Profiler.md @@ -64,7 +64,7 @@ function onRender(id, phase, actualDuration, baseDuration, startTime, commitTime ## Uso {/*usage*/} -### Medición del rendimiento de la performance programáticamente {/*measuring-rendering-performance-programmatically*/} +### Medición del rendimiento de renderizado programáticamente {/*measuring-rendering-performance-programmatically*/} Envuelve el componente `` alrededor de un árbol de React para medir su rendimiento de performance. From 32c15f4a0018bfe89223c7d29d63c72f13ac6881 Mon Sep 17 00:00:00 2001 From: Ruben Chirino Date: Sat, 1 Apr 2023 11:41:33 -0300 Subject: [PATCH 13/16] Update beta/src/content/reference/react/Profiler.md Co-authored-by: Rainer Martinez --- beta/src/content/reference/react/Profiler.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/beta/src/content/reference/react/Profiler.md b/beta/src/content/reference/react/Profiler.md index f917e2b82..414ef1572 100644 --- a/beta/src/content/reference/react/Profiler.md +++ b/beta/src/content/reference/react/Profiler.md @@ -66,7 +66,7 @@ function onRender(id, phase, actualDuration, baseDuration, startTime, commitTime ### Medición del rendimiento de renderizado programáticamente {/*measuring-rendering-performance-programmatically*/} -Envuelve el componente `` alrededor de un árbol de React para medir su rendimiento de performance. +Envuelve el componente `` alrededor de un árbol de React para medir su rendimiento de renderizado. ```js {2,4} From 8b08e8a95e5b9fc855cdc70c76e8c3f25e3a083f Mon Sep 17 00:00:00 2001 From: Ruben Chirino Date: Sat, 1 Apr 2023 11:41:47 -0300 Subject: [PATCH 14/16] Update beta/src/content/reference/react/Profiler.md Co-authored-by: Rainer Martinez --- beta/src/content/reference/react/Profiler.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/beta/src/content/reference/react/Profiler.md b/beta/src/content/reference/react/Profiler.md index 414ef1572..7bbfa2645 100644 --- a/beta/src/content/reference/react/Profiler.md +++ b/beta/src/content/reference/react/Profiler.md @@ -77,7 +77,7 @@ Envuelve el componente `` alrededor de un árbol de React para medir s ``` -Se requieren dos props: un `id` (string) y un callback `onRender` (function) que React llama cada vez que un componente dentro del árbol "comete" una actualización. +Se requieren dos props: un `id` (string) y un *callback* `onRender` (function) que React llama cada vez que un componente dentro del árbol "comete" una actualización. From 002dc38d0fd5d4f54877b0d0264ce5228f5fce51 Mon Sep 17 00:00:00 2001 From: Ruben Chirino Date: Sat, 1 Apr 2023 11:41:59 -0300 Subject: [PATCH 15/16] Update beta/src/content/reference/react/Profiler.md Co-authored-by: Rainer Martinez --- beta/src/content/reference/react/Profiler.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/beta/src/content/reference/react/Profiler.md b/beta/src/content/reference/react/Profiler.md index 7bbfa2645..546dadf70 100644 --- a/beta/src/content/reference/react/Profiler.md +++ b/beta/src/content/reference/react/Profiler.md @@ -87,7 +87,7 @@ El perfilado agrega una sobrecarga adicional, por lo que **está desactivado en -`` te permite recopilar mediciones de forma programática. Si estás buscando un perfilador interactivo, prueba la pestaña Profiler en las [React Developer Tools](/learn/react-developer-tools). Expone funcionalidades similares a una extensión del navegador. +`` te permite recopilar mediciones de forma programática. Si estás buscando un perfilador interactivo, prueba la pestaña Profiler en las [Herramientas de Desarrollo de React](/learn/react-developer-tools). Expone funcionalidades similares a una extensión del navegador. From 83385bc1a4a6ca122ace9877e1d22b568e1a2a79 Mon Sep 17 00:00:00 2001 From: Ruben Chirino Date: Sat, 1 Apr 2023 11:42:12 -0300 Subject: [PATCH 16/16] Update beta/src/content/reference/react/Profiler.md Co-authored-by: Rainer Martinez --- beta/src/content/reference/react/Profiler.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/beta/src/content/reference/react/Profiler.md b/beta/src/content/reference/react/Profiler.md index 546dadf70..5eeab368f 100644 --- a/beta/src/content/reference/react/Profiler.md +++ b/beta/src/content/reference/react/Profiler.md @@ -93,7 +93,7 @@ El perfilado agrega una sobrecarga adicional, por lo que **está desactivado en --- -### Midiendo diferentes partes de la aplicación {/*measuring-different-parts-of-the-application*/} +### Medición de diferentes partes de la aplicación {/*measuring-different-parts-of-the-application*/} Puedes usar varios componentes `` para medir diferentes partes de tu aplicación: