corrections from PR review

Author: Miguel Angel Chimali Cobano

04-frameworks/01-react/01-previous/01-concepts/readme_es.md

@@ -80,33 +80,14 @@ Ahora el contenido lo genera JavaScript. Comprobamos que es el fichero de JavaSc
 
 ### Componentes
 
-Vamos a ir partiendo nuestra lista en partes. Para ello primero segregamos el título:
+Vamos a ir partiendo nuestra lista en partes. Así, vamos a segregar el header y la lista en dos componentes a parte
 
 ```diff
- import "./styles.css";
+import "./styles.css";
 
 +   const Header = () => {
-+     return ` <h4>Lista de usuarios</h4>`;
++     return `<h4>Lista de usuarios</h4>`;
 +   };
-+
-    document.getElementById("app").innerHTML = `
--       <h4>Lista de usuarios</h4>
-+       ${Header()}
-        <div>1955: Rick Sánchez</div>
-        <div>8765: Beth Harmon</div>
-        <div>7562: Farrokh Bulsara</div>
-```
-
-A esta función que acabamos de crear, en React, la vamos a llamar componente. Es decir, **en React los componentes son funciones.** Por el momento este componente nos devuelve un trocito de nuestra aplicación, en este caso el título, que renderiza algo en el DOM.
-
-Vamos a seguir rompiendo o componentizando nuestra aplicación. Vamos a crear un componente nuevo que nos devuelva la lista únicamente.
-
-```diff
-import "./styles.css";
-
-const Header = () => {
-  return `<h4>Lista de usuarios</h4>`;
-};
 
 +   const List = () => {
 +     return `
@@ -118,14 +99,17 @@ const Header = () => {
 +   };
 
 document.getElementById("app").innerHTML = `
-    ${Header()}
++       ${Header()}
++       ${List()}
+-       <h4>Lista de usuarios</h4>
 -       <div>1955: Rick Sánchez</div>
 -       <div>8765: Beth Harmon</div>
 -       <div>7562: Farrokh Bulsara</div>
-+       ${List()}
 `;
 ```
 
+A esta funciones que acabamos de crear, en React, las vamos a llamar componentes. Es decir, **en React los componentes son funciones.** Por el momento estos componentes nos devuelven un trocito de nuestra aplicación, en este caso el título y la lista, es decir, renderizan algo en el DOM.
+
 ### Props
 
 Vamos a crear ahora un componente que me renderice en el DOM, cada usuario. Para ello vamos a crear un componente (función) que reciba un objeto usuario con un `id` y un `name`:
@@ -302,7 +286,7 @@ De cara a dejar el ejemplo preparado para el siguiente ejercicio vamos a hacer e
 +     ${Header()}
 +     ${List()}
 +   `;
-}
++   }
 
 +   document.getElementById("app").innerHTML = App();
 -   document.getElementById("app").innerHTML = `

04-frameworks/01-react/02-base/01-vite-boiler/README.md

@@ -1,8 +1,8 @@
-## 01 Vite boiler plate
+## 01 Vite boilerplate
 
 ## Summary
 
-In this example there is a vite boiler plate set up with Typescript support, just in the step before
+In this example there is a vite boilerplate set up with Typescript support, just in the step before
 to adding React support.
 
 It is based on the Vite examples.

04-frameworks/01-react/02-base/01-vite-boiler/readme_es.md

@@ -1,4 +1,4 @@
-## 01 Vite boiler plate
+## 01 Vite boilerplate
 
 ## Resumen
 

04-frameworks/01-react/02-base/02-vite-react/readme.md

@@ -1,4 +1,4 @@
-# 02 Vite boiler plate - React
+# 02 Vite boilerplate - React
 
 ## Summary
 

04-frameworks/01-react/02-base/02-vite-react/readme_es.md

@@ -1,4 +1,4 @@
-# 02 Vite boiler plate - React
+# 02 Vite boilerplate - React
 
 ## Resumen
 
@@ -8,7 +8,7 @@ Vamos a ir paso a paso, añadiendo la configuración necesaria para integrar **R
 
 # Paso a paso
 
-- Antes que nada nos instalamos todos los paquetes necesarios del boiler plate ejecutando _npm install_
+- Antes que nada nos instalamos todos los paquetes necesarios del boilerplate ejecutando _npm install_
 
 ```bash
 npm install