Taller/Practica

Objetivo

Refactorizar y mejorar el código del repositorio de GitHub https://github.com/Antonius123-bb/frontend aplicando los principios de desarrollo frontend mencionados.

Pasos

1. Desarrollo por componentes reutilizable: Revisar el código del repositorio y buscar oportunidades para crear componentes reutilizables. Crear nuevos componentes y refactorizar el código existente para hacerlo más modular y reutilizable.

2. Separación de presentación y logica de negocio: Asegurarse de que los componentes estén separados en presentación y lógica de negocio. Crear componentes de presentación que solo se preocupen por la apariencia y el estilo, y componentes de lógica de negocio que se encarguen de la funcionalidad.

3. Estandarización del consumo de API: Establecer una estrategia para el manejo de las solicitudes HTTP. Asegurarse de que las solicitudes HTTP estén estandarizadas y de que se utilicen los mismos métodos y convenciones en todo el proyecto. Utilizar una librería de manejo de solicitudes HTTP como axios o fetch para facilitar el proceso.

4. Estrategia de entradas comunes: Definir una estrategia para el manejo de las entradas del usuario en todo el proyecto (formularios). Asegurarse de que se utilicen las mismas convenciones en todo el proyecto basado en una línea gráfica común, como nombres de clases, atributos y estilos, para facilitar la modificación y el mantenimiento.

5. Automatización de pruebas: Crear pruebas automatizadas para los componentes y las funcionalidades del proyecto. Utilizar herramientas de prueba como Jest o Mocha para asegurar la calidad del código y evitar errores.

6. Diseño responsivo: Asegurarse de que el proyecto sea responsive y se vea bien en diferentes tamaños de pantalla. Utilizar técnicas como media queries y flexbox para crear diseños adaptables.

7. Analizador y formateador de código: Configurar una herramienta de análisis y formateo de código como ESLint o Prettier para garantizar la consistencia en el código. Asegurarse de que el código cumpla con las reglas establecidas en el proyecto.

8. Estilo en los componentes: Utilizar estilos en línea o archivos CSS separados para estilizar los componentes. Asegurarse de que los estilos estén organizados y sean fáciles de mantener.

9. Gestión de cambios adecuado (por git o por changelog): Utilizar Git para gestionar los cambios y las versiones del proyecto. Crear ramas separadas para nuevas funcionalidades o correcciones de errores y hacer solicitudes de extracción para fusionarlas en la rama principal. También, considerar la implementación de un changelog para documentar los cambios y mejoras en el proyecto.

Resultado

El resultado de este taller sería una versión mejorada y más eficiente del proyecto en el repositorio de GitHub https://github.com/Antonius123-bb/frontend. Se habría aplicado los principios de desarrollo frontend mencionados y se habría mejorado la calidad del código, la modularidad, la reutilización y la mantenibilidad del proyecto. Además, se habría establecido