@intlayer/docs 5.5.10 → 5.5.11

package/docs/es/packages/react-intlayer/useIntlayerAsync.md

@@ -0,0 +1,276 @@
+---
+createdAt: 2024-08-11
+updatedAt: 2025-06-29
+title: Documentación del Hook useIntlayerAsync | react-intlayer
+description: Vea cómo usar el hook useIntlayerAsync para el paquete react-intlayer
+keywords:
+  - useIntlayerAsync
+  - diccionario
+  - clave
+  - Intlayer
+  - Internacionalización
+  - Documentación
+  - Next.js
+  - JavaScript
+  - React
+slugs:
+  - doc
+  - packages
+  - react-intlayer
+  - useIntlayerAsync
+---
+
+# Integración con React: Documentación del Hook `useIntlayerAsync`
+
+El hook `useIntlayerAsync` extiende la funcionalidad de `useIntlayer` al no solo devolver diccionarios pre-renderizados, sino también al obtener actualizaciones de forma asíncrona, lo que lo hace ideal para aplicaciones que actualizan frecuentemente su contenido localizado después del renderizado inicial.
+
+## Resumen
+
+- **Carga asíncrona de diccionarios:**  
+  En el montaje inicial, `useIntlayerAsync` primero devuelve cualquier diccionario de localización preobtenido o empaquetado estáticamente (igual que lo haría `useIntlayer`) y luego obtiene y fusiona de forma asíncrona cualquier diccionario remoto nuevo disponible.
+- **Gestión del estado de progreso:**  
+  El hook también proporciona un estado `isLoading`, que indica cuándo se está obteniendo un diccionario remoto. Esto permite a los desarrolladores mostrar indicadores de carga o estados esqueleto para una experiencia de usuario más fluida.
+
+## Configuración del Entorno
+
+Intlayer proporciona un sistema de Gestión de Fuentes de Contenido (CSM) sin interfaz (headless) que permite a personas no desarrolladoras gestionar y actualizar el contenido de la aplicación de manera fluida. Usando el panel intuitivo de Intlayer, tu equipo puede editar textos localizados, imágenes y otros recursos sin modificar directamente el código. Esto agiliza el proceso de gestión de contenido, fomenta la colaboración y asegura que las actualizaciones se puedan realizar rápida y fácilmente.
+
+Para comenzar con Intlayer:
+
+1. **Regístrate y obtén un token de acceso** en [https://intlayer.org/dashboard](https://intlayer.org/dashboard).
+2. **Agrega las credenciales a tu archivo de configuración:**  
+   En tu proyecto React, configura el cliente de Intlayer con tus credenciales:
+
+   ```typescript fileName="intlayer.config.ts" codeFormat="typescript"
+   import type { IntlayerConfig } from "intlayer";
+
+   export default {
+     // ...
+     editor: {
+       clientId: process.env.INTLAYER_CLIENT_ID,
+       clientSecret: process.env.INTLAYER_CLIENT_SECRET,
+     },
+   } satisfies IntlayerConfig;
+   ```
+
+   ```javascript fileName="intlayer.config.mjs" codeFormat="esm"
+   import { type IntlayerConfig } from "intlayer";
+
+   /** @type {import('intlayer').IntlayerConfig} */
+   const config = {
+     // ...
+     editor: {
+       clientId: process.env.INTLAYER_CLIENT_ID,
+       clientSecret: process.env.INTLAYER_CLIENT_SECRET,
+     },
+   };
+
+   export default config;
+   ```
+
+   ```javascript fileName="intlayer.config.cjs" codeFormat="commonjs"
+   /** @type {import('intlayer').IntlayerConfig} */
+   const config = {
+     // ...
+     editor: {
+       clientId: process.env.INTLAYER_CLIENT_ID,
+       clientSecret: process.env.INTLAYER_CLIENT_SECRET,
+     },
+   };
+
+   module.exports = config;
+   ```
+
+3. **Enviar un nuevo diccionario de idioma a Intlayer:**
+
+   ```bash
+   npx intlayer dictionary push -d my-first-dictionary-key
+   ```
+
+   Este comando sube tus diccionarios de contenido iniciales, haciéndolos disponibles para su obtención y edición asincrónica a través de la plataforma Intlayer.
+
+## Importando `useIntlayerAsync` en React
+
+En tus componentes React, importa `useIntlayerAsync`:
+
+```ts codeFormat="typescript"
+import { useIntlayerAsync } from "react-intlayer";
+```
+
+```js codeFormat="esm"
+import { useIntlayerAsync } from "react-intlayer";
+```
+
+```js codeFormat="commonjs"
+const { useIntlayerAsync } = require("react-intlayer");
+```
+
+## Parámetros
+
+1. **`key`**:  
+   **Tipo**: `DictionaryKeys`  
+   La clave del diccionario utilizada para identificar el bloque de contenido localizado. Esta clave debe estar definida en tus archivos de declaración de contenido.
+
+2. **`locale`** (opcional):  
+   **Tipo**: `Locales`  
+   La localidad específica a la que deseas dirigirte. Si se omite, el hook utiliza la localidad del contexto actual de Intlayer.
+
+3. **`isRenderEditor`** (opcional, por defecto `true`):  
+   **Tipo**: `boolean`  
+   Determina si el contenido debe estar listo para renderizarse con la superposición del editor de Intlayer. Si se establece en `false`, los datos del diccionario devueltos excluirán las características específicas del editor.
+
+## Valor de retorno
+
+El hook devuelve un objeto diccionario que contiene contenido localizado identificado por `key` y `locale`. También incluye un booleano `isLoading` que indica si actualmente se está obteniendo un diccionario remoto.
+
+## Ejemplo de uso en un componente React
+
+```tsx fileName="src/components/ComponentExample.tsx" codeFormat="typescript"
+import { useEffect, type FC } from "react";
+import { useIntlayerAsync } from "react-intlayer";
+
+export const ComponentExample: FC = () => {
+  const { title, description, isLoading } = useIntlayerAsync("async-component");
+
+  useEffect(() => {
+    if (isLoading) {
+      console.log("El contenido se está cargando...");
+    }
+  }, [isLoading]);
+
+  return (
+    <div>
+      {isLoading ? (
+        <div>
+          <h1>Cargando…</h1>
+          <p>Por favor espera mientras se actualiza el contenido.</p>
+        </div>
+      ) : (
+        <div>
+          <h1>{title.value}</h1>
+          <p>{description.value}</p>
+        </div>
+      )}
+    </div>
+  );
+};
+```
+
+```jsx fileName="src/components/ComponentExample.mjx" codeFormat="esm"
+import { useEffect } from "react";
+import { useIntlayerAsync } from "react-intlayer";
+
+const ComponentExample = () => {
+  const { title, description, isLoading } = useIntlayerAsync("async-component");
+
+  useEffect(() => {
+    if (isLoading) {
+      console.log("El contenido se está cargando...");
+    }
+  }, [isLoading]);
+
+  return (
+    <div>
+      {isLoading ? (
+        <div>
+          <h1>Cargando…</h1>
+          <p>Por favor, espere mientras se actualiza el contenido.</p>
+        </div>
+      ) : (
+        <div>
+          <h1>{title.value}</h1>
+          <p>{description.value}</p>
+        </div>
+      )}
+    </div>
+  );
+};
+```
+
+```jsx fileName="src/components/ComponentExample.csx" codeFormat="commonjs"
+const { useEffect } = require("react");
+const { useIntlayerAsync } = require("react-intlayer");
+
+const ComponentExample = () => {
+  const { title, description, isLoading } = useIntlayerAsync("async-component");
+
+  useEffect(() => {
+    if (isLoading) {
+      console.log("El contenido se está cargando...");
+    }
+  }, [isLoading]);
+
+  return (
+    <div>
+      {isLoading ? (
+        <div>
+          <h1>Cargando…</h1>
+          <p>Por favor, espere mientras se actualiza el contenido.</p>
+        </div>
+      ) : (
+        <div>
+          <h1>{title.value}</h1>
+          <p>{description.value}</p>
+        </div>
+      )}
+    </div>
+  );
+};
+```
+
+**Puntos clave:**
+
+- En la renderización inicial, `title` y `description` provienen del diccionario de localización preobtenido o incrustado estáticamente.
+- Mientras `isLoading` es `true`, una solicitud en segundo plano obtiene un diccionario actualizado.
+- Una vez que la obtención finaliza, `title` y `description` se actualizan con el contenido más reciente, y `isLoading` vuelve a `false`.
+
+## Manejo de la Localización de Atributos
+
+También puedes obtener valores localizados para atributos de HTML diversos (por ejemplo, `alt`, `title`, `aria-label`):
+
+```jsx
+<img src={title.image.src.value} alt={title.image.alt.value} />
+```
+
+## Archivos de Diccionario
+
+Todas las claves de contenido deben estar definidas en tus archivos de declaración de contenido para garantizar la seguridad de tipos y evitar errores en tiempo de ejecución. Estos archivos permiten la validación con TypeScript, asegurando que siempre hagas referencia a claves y locales existentes.
+
+- En la renderización inicial, `title` y `description` provienen del diccionario de localización preobtenido o incrustado estáticamente.
+- Mientras `isLoading` es `true`, una solicitud en segundo plano obtiene un diccionario actualizado.
+- Una vez que la obtención finaliza, `title` y `description` se actualizan con el contenido más reciente, y `isLoading` vuelve a `false`.
+
+## Manejo de la Localización de Atributos
+
+También puedes obtener valores localizados para varios atributos HTML (por ejemplo, `alt`, `title`, `aria-label`):
+
+```jsx
+<img src={title.image.src.value} alt={title.image.alt.value} />
+```
+
+## Archivos de Diccionario
+
+Todas las claves de contenido deben estar definidas en tus archivos de declaración de contenido para garantizar la seguridad de tipos y evitar errores en tiempo de ejecución. Estos archivos permiten la validación con TypeScript, asegurando que siempre hagas referencia a claves y locales existentes.
+
+Las instrucciones para configurar los archivos de declaración de contenido están disponibles [aquí](https://github.com/aymericzip/intlayer/blob/main/docs/docs/es/dictionary/get_started.md).
+
+## Información Adicional
+
+- **Editor Visual de Intlayer:**  
+  Integra con el editor visual de Intlayer para gestionar y editar contenido directamente desde la interfaz de usuario. Más detalles [aquí](https://github.com/aymericzip/intlayer/blob/main/docs/docs/es/intlayer_visual_editor.md).
+
+---
+
+**En resumen**, `useIntlayerAsync` es un hook poderoso de React diseñado para mejorar la experiencia del usuario y mantener el contenido actualizado combinando diccionarios pre-renderizados o preobtenidos con actualizaciones asíncronas de diccionarios. Aprovechando `isLoading` y las declaraciones de contenido basadas en TypeScript, puedes integrar contenido dinámico y localizado sin problemas en tus aplicaciones React.
+
+## Historial del Documento
+
+- 5.5.10 - 2025-06-29: Historial inicial
+
+---
+
+**En resumen**, `useIntlayerAsync` es un poderoso hook de React diseñado para mejorar la experiencia del usuario y mantener la frescura del contenido mediante la combinación de diccionarios pre-renderizados o pre-cargados con actualizaciones asíncronas de diccionarios. Aprovechando `isLoading` y las declaraciones de contenido basadas en TypeScript, puedes integrar de manera fluida contenido dinámico y localizado en tus aplicaciones React.
+
+## Historial de Documentación
+
+- 5.5.10 - 2025-06-29: Historial inicial

package/docs/es/packages/react-intlayer/useLocale.md

@@ -0,0 +1,210 @@
+---
+createdAt: 2024-08-11
+updatedAt: 2025-06-29
+title: Documentación del Hook useLocale | react-intlayer
+description: Vea cómo usar el hook useLocale para el paquete react-intlayer
+keywords:
+  - useLocale
+  - diccionario
+  - clave
+  - Intlayer
+  - Internacionalización
+  - Documentación
+  - Next.js
+  - JavaScript
+  - React
+slugs:
+  - doc
+  - packages
+  - react-intlayer
+  - useLocale
+---
+
+# Integración en React: Documentación del Hook `useLocale`
+
+Esta sección proporciona detalles completos sobre el hook `useLocale` de la biblioteca `react-intlayer`, diseñado para manejar la gestión de locales en aplicaciones React.
+
+## Importando `useLocale` en React
+
+Para integrar el hook `useLocale` en su aplicación React, impórtelo desde su paquete respectivo:
+
+```typescript codeFormat="typescript"
+import { useLocale } from "react-intlayer"; // Usado en componentes React para la gestión de locales
+```
+
+```javascript codeFormat="esm"
+import { useLocale } from "react-intlayer"; // Usado en componentes React para la gestión de locales
+```
+
+```javascript codeFormat="commonjs"
+const { useLocale } = require("react-intlayer"); // Usado en componentes React para la gestión de locales
+```
+
+## Descripción general
+
+El hook `useLocale` ofrece una forma sencilla de acceder y manipular la configuración de locales dentro de los componentes React. Proporciona acceso al locale actual, el locale por defecto, todos los locales disponibles y funciones para actualizar la configuración de locales.
+
+## Uso
+
+Aquí se muestra cómo puede usar el hook `useLocale` dentro de un componente React:
+
+```tsx fileName="src/components/LocaleSwitcher.tsx" codeFormat="typescript"
+import type { FC } from "react";
+import { useLocale } from "react-intlayer";
+
+const LocaleSwitcher: FC = () => {
+  const { locale, defaultLocale, availableLocales, setLocale } = useLocale();
+
+  return (
+    <div>
+      <h1>Locale Actual: {locale}</h1>
+      <p>Locale Predeterminado: {defaultLocale}</p>
+      <select value={locale} onChange={(e) => setLocale(e.target.value)}>
+        {availableLocales.map((loc) => (
+          <option key={loc} value={loc}>
+            {loc}
+          </option>
+        ))}
+      </select>
+    </div>
+  );
+};
+
+export default LocaleSwitcher;
+```
+
+```jsx fileName="src/components/LocaleSwitcher.mjx" codeFormat="esm"
+import { useLocale } from "react.intlayer";
+
+const LocaleSwitcher = () => {
+  const { locale, defaultLocale, availableLocales, setLocale } = useLocale();
+
+  return (
+    <div>
+      <h1>Locale Actual: {locale}</h1>
+      <p>Locale Predeterminado: {defaultLocale}</p>
+      <select value={locale} onChange={(e) => setLocale(e.target.value)}>
+        {availableLocales.map((loc) => (
+          <option key={loc} value={loc}>
+            {loc}
+          </option>
+        ))}
+      </select>
+    </div>
+  );
+};
+
+export default LocaleSwitcher;
+```
+
+```jsx fileName="src/components/LocaleSwitcher.csx" codeFormat="commonjs"
+const { useLocale } = require("react-intlayer");
+
+const LocaleSwitcher = () => {
+  const { locale, defaultLocale, availableLocales, setLocale } = useLocale();
+
+  return (
+    <div>
+      <h1>Locale Actual: {locale}</h1>
+      <p>Locale Predeterminado: {defaultLocale}</p>
+      <select value={locale} onChange={(e) => setLocale(e.target.value)}>
+        {availableLocales.map((loc) => (
+          <option key={loc} value={loc}>
+            {loc}
+          </option>
+        ))}
+      </select>
+    </div>
+  );
+};
+
+export default LocaleSwitcher;
+```
+
+## Parámetros y Valores de Retorno
+
+Cuando invocas el hook `useLocale`, este devuelve un objeto que contiene las siguientes propiedades:
+
+- **`locale`**: El locale actual establecido en el contexto de React.
+- **`defaultLocale`**: El locale principal definido en la configuración.
+- **`availableLocales`**: Una lista de todos los locales disponibles según lo definido en la configuración.
+- **`setLocale`**: Una función para actualizar el locale actual dentro del contexto de la aplicación.
+
+## Ejemplo
+
+Este ejemplo muestra un componente que utiliza el hook `useLocale` para renderizar un selector de locale, permitiendo a los usuarios cambiar dinámicamente el locale de la aplicación:
+
+```tsx fileName="src/components/LocaleSelector.tsx" codeFormat="typescript"
+import type { FC } from "react";
+import { useLocale } from "react-intlayer";
+
+const LocaleSelector: FC = () => {
+  const { locale, setLocale, availableLocales } = useLocale();
+
+  const handleLocaleChange = (newLocale) => {
+    setLocale(newLocale);
+  };
+
+  return (
+    <select value={locale} onChange={(e) => handleLocaleChange(e.target.value)}>
+      {availableLocales.map((locale) => (
+        <option key={locale} value={locale}>
+          {locale}
+        </option>
+      ))}
+    </select>
+  );
+};
+```
+
+```jsx fileName="src/components/LocaleSelector.mjx" codeFormat="esm"
+import { useLocale } from "react-intlayer";
+
+const LocaleSelector = () => {
+  const { locale, setLocale, availableLocales } = useLocale();
+
+  const handleLocaleChange = (newLocale) => {
+    setLocale(newLocale);
+  };
+
+  return (
+    <select value={locale} onChange={(e) => handleLocaleChange(e.target.value)}>
+      {availableLocales.map((locale) => (
+        <option key={locale} value={locale}>
+          {locale}
+        </option>
+      ))}
+    </select>
+  );
+};
+```
+
+```jsx fileName="src/components/LocaleSelector.csx" codeFormat="commonjs"
+const { useLocale } = require("react-intlayer");
+
+const LocaleSelector = () => {
+  const { locale, setLocale, availableLocales } = useLocale();
+
+  const handleLocaleChange = (newLocale) => {
+    setLocale(newLocale);
+  };
+
+  return (
+    <select value={locale} onChange={(e) => handleLocaleChange(e.target.value)}>
+      {availableLocales.map((locale) => (
+        <option key={locale} value={locale}>
+          {locale}
+        </option>
+      ))}
+    </select>
+  );
+};
+```
+
+## Conclusión
+
+El hook `useLocale` de `react-intlayer` es una herramienta esencial para gestionar locales en tus aplicaciones React, proporcionando la funcionalidad necesaria para adaptar tu aplicación a diversas audiencias internacionales de manera efectiva.
+
+## Historial de Documentación
+
+- 5.5.10 - 2025-06-29: Inicio del historial

package/docs/es/packages/react-native-intlayer/index.md

@@ -0,0 +1,83 @@
+---
+createdAt: 2025-03-13
+updatedAt: 2025-06-29
+title: Documentación del paquete | react-native-intlayer
+description: Vea cómo usar el paquete react-native-intlayer
+keywords:
+  - Intlayer
+  - React Native
+  - react-native-intlayer
+  - Internacionalización
+  - Documentación
+  - Next.js
+  - JavaScript
+  - React
+slugs:
+  - doc
+  - packages
+  - react-native-intlayer
+---
+
+# react-native-intlayer: Internacionalizar (i18n) una aplicación React Native
+
+**Intlayer** es un conjunto de paquetes diseñados específicamente para desarrolladores de JavaScript. Es compatible con frameworks como React, React y Express.js.
+
+**El paquete `react-native-intlayer`** te permite internacionalizar tu aplicación Vite. Incluye el plugin Metro para configurar mediante variables de entorno en el [Metro bundler](https://docs.expo.dev/guides/customizing-metro/).
+
+## ¿Por qué internacionalizar tu aplicación React Native?
+
+Internacionalizar tu aplicación React Native es esencial para atender eficazmente a una audiencia global. Permite que tu aplicación entregue contenido y mensajes en el idioma preferido de cada usuario. Esta capacidad mejora la experiencia del usuario y amplía el alcance de tu aplicación al hacerla más accesible y relevante para personas de diferentes orígenes lingüísticos.
+
+## Configuración
+
+El paquete `react-native-intlayer` funciona perfectamente con el paquete [`react-intlayer`](https://github.com/aymericzip/intlayer/blob/main/docs/docs/es/packages/react-intlayer/index.md) y el paquete [`intlayer`](https://github.com/aymericzip/intlayer/blob/main/docs/docs/es/packages/intlayer/index.md). Consulta la documentación correspondiente para más información.
+
+## Instalación
+
+Instala el paquete necesario usando tu gestor de paquetes preferido:
+
+```bash packageManager="npm"
+npm install react-native-intlayer
+```
+
+```bash packageManager="yarn"
+yarn add react-native-intlayer
+```
+
+```bash packageManager="pnpm"
+pnpm add react-native-intlayer
+```
+
+## Ejemplo de uso
+
+Ve un ejemplo de cómo incluir los plugins en tu configuración de vite.
+
+```js
+// metro.config.js
+const { getDefaultConfig } = require("expo/metro-config");
+const { configMetroIntlayer } = require("react-native-intlayer/metro");
+
+module.exports = (async () => {
+  const defaultConfig = getDefaultConfig(__dirname);
+
+  return await configMetroIntlayer(defaultConfig);
+})();
+```
+
+## Dominando la internacionalización de tu aplicación Vite
+
+Intlayer ofrece muchas características para ayudarte a internacionalizar tu aplicación Vite.
+
+**Para aprender más sobre estas características, consulta la guía [Internacionalización React (i18n) con Intlayer y React Native](https://github.com/aymericzip/intlayer/blob/main/docs/docs/es/intlayer_with_react_native+expo.md) para aplicaciones React Native.**
+
+## Lee sobre Intlayer
+
+- [Sitio web de Intlayer](https://intlayer.org)
+- [Documentación de Intlayer](https://intlayer.org/doc)
+- [GitHub de Intlayer](https://github.com/aymericzip/intlayer)
+
+- [Haz tus preguntas a nuestra documentación inteligente](https://intlayer.org/docchat)
+
+## Historial de la documentación
+
+- 5.5.10 - 2025-06-29: Inicio del historial

package/docs/es/packages/react-scripts-intlayer/index.md

@@ -0,0 +1,80 @@
+---
+createdAt: 2024-08-11
+updatedAt: 2025-06-29
+title: Documentación del Paquete | react-scripts-intlayer
+description: Vea cómo usar el paquete react-scripts-intlayer
+keywords:
+  - Intlayer
+  - react-scripts-intlayer
+  - Internacionalización
+  - Documentación
+  - Next.js
+  - JavaScript
+  - React
+slugs:
+  - doc
+  - packages
+  - react-scripts-intlayer
+---
+
+# react-scripts-intlayer: Paquete NPM para usar Intlayer en una aplicación React Create App
+
+**Intlayer** es una suite de paquetes diseñada específicamente para desarrolladores de JavaScript. Es compatible con frameworks como React, React y Express.js.
+
+**El paquete `react-scripts-intlayer`** incluye los comandos y plugins de `react-scripts-intlayer` para integrar Intlayer con aplicaciones basadas en Create React App. Estos plugins están basados en [craco](https://craco.js.org/) e incluyen configuración adicional para el empaquetador [Webpack](https://webpack.js.org/).
+
+## Configuración
+
+El paquete `react-scripts-intlayer` funciona perfectamente con el paquete [`react-intlayer`](https://github.com/aymericzip/intlayer/blob/main/docs/docs/es/packages/react-intlayer/index.md) y el paquete [`intlayer`](https://github.com/aymericzip/intlayer/blob/main/docs/docs/es/packages/intlayer/index.md). Consulte la documentación correspondiente para más información.
+
+## Instalación
+
+Instale el paquete necesario usando su gestor de paquetes preferido:
+
+```bash packageManager="npm"
+npm install react-scripts-intlayer
+```
+
+```bash packageManager="yarn"
+yarn add react-scripts-intlayer
+```
+
+```bash packageManager="pnpm"
+pnpm add react-scripts-intlayer
+```
+
+## Uso
+
+### Comandos CLI
+
+El paquete `react-scripts-intlayer` proporciona los siguientes comandos CLI:
+
+- `npx react-scripts-intlayer build`: Construye la aplicación React con la configuración de Intlayer.
+- `npx react-scripts-intlayer start`: Inicia el servidor de desarrollo con la configuración de Intlayer.
+
+### Reemplazar scripts en package.json
+
+Para usar el paquete `react-scripts-intlayer`, debe reemplazar los scripts en `package.json` con los siguientes comandos:
+
+```json fileName="package.json"
+{
+  "scripts": {
+    "start": "react-scripts-intlayer start",
+    "build": "react-scripts-intlayer build"
+  }
+}
+```
+
+## Usar configuración personalizada de Webpack
+
+`react-scripts-intlayer` está basado en [craco](https://craco.js.org/), que te permite personalizar la configuración de Webpack.
+Si necesitas personalizar la configuración de Webpack, también puedes implementar tu propia configuración basada en el plugin craco de intlayer. [Ver ejemplo aquí](https://github.com/aymericzip/intlayer/blob/main/examples/react-app/craco.config.js).
+
+## Lee la guía completa de Intlayer para React Create App
+
+Intlayer ofrece muchas funcionalidades para ayudarte a internacionalizar tu aplicación React.
+[Ver cómo usar intlayer con React Create App](https://github.com/aymericzip/intlayer/blob/main/docs/docs/es/intlayer_with_create_react_app.md).
+
+## Historial de la documentación
+
+- 5.5.10 - 2025-06-29: Historial inicial