Crea una app con React usando create-react-app

Summary

Este vídeo es una guía práctica para crear una aplicación de búsqueda de GIFs desde cero utilizando React. El autor explora diferentes formas de inicializar un proyecto (Webpack, Next.js y Create React App), decantándose por esta última por su sencillez y rapidez. A lo largo de la sesión, se cubren conceptos fundamentales como el uso de hooks (useState y useEffect) para manejar el estado y efectos secundarios, la estructura de directorios, la interacción con APIs externas, el renderizado de listas con .map y la implementación de un router ligero. Finalmente, se ofrecen consejos sobre cómo mantener el código limpio separando componentes y manejando correctamente las dependencias del estado.

Topics covered

• Estrategias de inicio de proyecto
• Entorno de desarrollo y Node
• Uso de NPX vs NPM global
• Manejo del estado con useState
• Efectos secundarios con useEffect
• Interacción con APIs y Fetch
• Single Page Application con Router

Transcript excerpt

Vamos a hacer la aplicación de GIF desde cero y el tema es que tenemos diferentes opciones para empezar esta aplicación. Una de estas aplicaciones, eh una de estas formas que podríamos empezar la aplicación sería partiendo de la base de este proyecto que hicimos de aprender webpack paso a paso desde cero y lo dejamos en un punto donde ya podíamos haber utilizado React. Así que una opción podría ser empezar esta aplicación desde aquí. No lo vamos a hacer así, pero puede ser algo interesante. Si os interesa, pues miraros el vídeo y empezáis desde ahí, ¿vale? Esa podría ser una posibilidad. Perfecto. Ahora, ¿qué más? Eh, tendríamos una segunda opción que sería utilizar NextGS, que NextJS pues lo que tiene, que es muy interesante es que es como un framework que ya viene preparado en un montón de cosas, ¿vale? O sea, pues se prepara el tema del enrutado, se prepara también el tema del SEO, ti…