Comprender el ciclo de vida de los componentes funcionales en React es fundamental para desarrollar aplicaciones robustas y eficientes. Al utilizar los hooks como useEffect, podemos simular las etapas clave del ciclo de vida y realizar acciones específicas en cada etapa.
En este proyecto practicarás el uso de algunos hooks de React (useState, useEffect, useMemo) para:
- Ejecutar efectos secundarios (simulando el vuelo).
- Optimizar cálculos con
useMemo. - Comprender el ciclo de vida: montaje, actualización y desmontaje.
Imagina que eres un explorador espacial que construye un panel de control para tu nave. Este panel muestra información crucial del viaje: distancia, combustible, estado de la nave y planetas visitados. ¡Pero esta vez, te enfocarás en entender el ciclo de vida de tus componentes!
- Te proporcionamos un recurso base para poder llevar el taller por tu cuenta. Lo puedes consultar en el siguiente enlace: https://gist.github.com/heladio-devf-mx/9e04744fca14961787317a1742d5411f.
- Te recomendamos que termines el taller como lo hemos planteado y depués intentes crear algo adicional y novedoso.
- Experimenta con distintos escenarios a los que se plantean y asegúrate de que funcione como deseas, incluso puedes crear conponentes funcionales personalizados según lo que quieras conseguir. Entregables
Para este proyecto se debe crear un repositorio nuevo y agregar los archivos necesarios que contenga la solución al problema planteado. Si tienes alguna duda de este ejercicio, no dudes en consultarla con tu sensei para que quede claro. También puedes solicitar una asesoría.
Crea un nuevo repositorio en tu equipo local para solucionar el problema planteado. Crea uno o más 'commits' en tu repositorio con los archivos utilizados en la solución. Si quieres agrega otro(s) archivo(s) que tengas con ejemplos de la clase o con algún ejemplo que tú hayas intentado mucho mejor. Comparte la liga de Github de tu repositorio con la solución.