Diferencias

Muestra las diferencias entre dos versiones de la página.

--- informatica:programacion:cursos:desarrollo_web_react_18 [2024/03/25 10:12] – [Redux y Comunicaciones] tempwin
+++ informatica:programacion:cursos:desarrollo_web_react_18 [2024/03/25 10:29] (actual) – [Cuestiones adicionales y avanzadas] tempwin
@@ Línea 149: / Línea 149: @@
   * ''<Button>''
   * ''<Navigate>'' (**correcto**)
+==== Evaluación final ====
+**En Next.js, ¿qué archivo define el componente a mostrar cuando se accede a una ruta?**
+  * ''page.js'' (**correcto**)
+  * ''route.js''
+  * ''main.js''
+  * ''index.html''
+**Entre las siguientes respuestas, elige la ruta de React Router que coincidiría con la URL ''/tableros/103/editar''.**
+  * ''tableros/:id/editar'' (**correcto**)
+  * ''tableros/.../editar''
+  * ''tableros/''
+  * ''tableros.$id.editar''
+**¿Cuáles de las siguientes son etapas del ciclo de vida de un componente?**
+  * Montaje o primer renderizado (**correcto**)
+  * Actualización (**correcto**)
+  * Desmontaje (**correcto**)
+  * Carga de datos externos
+**¿Qué es un componente en el contexto de React?**
+  * Una forma de encapsular elementos de interfaz (**correcto**)
+  * Una clase JavaScript
+  * Un objeto que se comunica con un servidor
+  * Cada página web que el usuario visita
+**¿Para qué sirve el modo estricto de React?**
+  * Para detectar errores de programación en componentes durante el desarrollo (**correcto**)
+  * Acelera la ejecución del código React en producción
+  * Facilita el despliegue de la aplicación
+  * No podemos programar en React sin el modo estricto
+**¿En qué consiste una acción de Redux?**
+  * Un objeto con un tipo (//type//) y un contenido (//payload//) (**correcto**)
+  * Un array de cadenas de caracteres
+  * Un número indicando el código de la acción que ha tenido lugar
+  * Una función que modifica el estado del almacén
+**¿Cuáles de los siguientes son parámetros de la función ''createElement()''?**
+  * El tipo de elemento (**correcto**)
+  * Las propiedades que recibe (**correcto**)
+  * Los elementos descendientes (**correcto**)
+  * Los elementos ascendientes
+**¿Qué es React-Redux?**
+  * La interfaz entre el contenedor de estado Redux y la biblioteca React (**correcto**)
+  * Una biblioteca oficial de React para gestionar el estado global
+  * Una biblioteca JavaScript para añadir estilo a la aplicación
+  * Una biblioteca para desarrollo de interfaces web
+**¿Qué parámetro recibe una función gestora de eventos?**
+  * ''event'', un objeto que representa el evento (**correcto**)
+  * Ningún parámetro
+  * Una referencia al nodo HTML que lo ha desencadenado
+  * Los parámetros que pasemos desde la definición del evento en el elemento
+**¿Cuántos parámetros recibe un componente?**
+  * Uno, el objeto de propiedades (**correcto**)
+  * Ninguno
+  * Tantos como propiedades queramos proporcionar
+  * Dos, propiedades y nodos hijos
 ===== Consejos =====
@@ Línea 157: / Línea 229: @@
 Al utilizar ambos de manera efectiva, puedes mejorar el rendimiento de tus aplicaciones React evitando renderizaciones innecesarias y cálculos repetitivos. Aunque son técnicas avanzadas que no usarás a menudo y, desde luego son opcionales para el curso, te recomendaría explorar más sobre estas técnicas y aprender cómo aplicarlas de manera adecuada en diferentes escenarios.
+Aunque el curso se centra en Redux para la gestión del estado, existen otras bibliotecas y enfoques para este propósito, otras bibliotecas populares para hacer lo mismo:
+  * [[https://docs.pmnd.rs/zustand/getting-started/introduction|Zustand]]: es una biblioteca de gestión del estado con una interfaz mucho más sencilla que Redux, que pasa directamente por crear un único hook para acceder tanto a los datos como a las operaciones sobre el estado. Su "pega": que no es Redux y Redux hay que conocerlo, sí o sí.
+  * [[https://recoiljs.org/|Recoil]]: en este caso se trata de un sistema cuya principal característica es la granularidad y el control que te da, con un mejor rendimiento en aplicaciones grandes. En contra tiene que es mucho más joven que el anterior (y que Redux), y que tiene un ecosistema pequeño y, por lo tanto, una documentación y soporte de la comunidad pobres en caso de que tengas problemas.