Refinamiento de Estilo y Mejoras de Usabilidad en sdd-kit #26
Conversation
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
added 10 commits
January 4, 2024 18:27
…rules enforcement - Add new ESLint configuration file - Remove old ESLint configuration file - Update Prettier configuration - Refactor various components for code style consistency - Include new ESLint and Prettier related dependencies
- Update .prettierignore with new file patterns - Refactor .prettierrc for consistent formatting - Apply consistent single quotes and import styles in Storybook configuration - Refactor various components and stories for consistent code style - Update package.json with prettier script - Apply code style updates to tailwind.config.ts and theme/index.tsx
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
Mejoras Generales
Este PR introduce una serie de mejoras integrales en la librería sdd-kit, optimizando la calidad del código y enriqueciendo la experiencia del desarrollador. Debido a la amplitud de estos cambios, es preferible realizar una revisión meticulosa commit por commit para asegurar un entendimiento completo y una implementación efectiva.
Actualizaciones y Limpieza
Actualización de Dependencias
Las dependencias se han actualizado a sus versiones más recientes, lo cual garantiza la compatibilidad y la seguridad del sistema.
Limpieza de Estilos
Hemos eliminado los estilos comentados de
MuiTextFieldpara simplificar la base de código y evitar ensuciar el código con comentarios.Configuraciones de Formato de Código
Configuración de Prettier
Se ha integrado una configuración de Prettier y actualizado la lista de dependencias para estandarizar el formato del código.
Integración de ESLint con Prettier
La integración entre ESLint y Prettier ha sido implementada para reforzar las reglas de formato y linting. Esto incluye:
Aplicación de Reglas de Formato
Se han aplicado reglas de formato en múltiples archivos, lo que involucra la actualización de scripts y la refactorización de componentes y narrativas para la cohesión con las nuevas configuraciones.
Refactorizaciones y Mejoras de Componentes
Actualización en Componentes de Tipografía
Se actualizaron las referencias de importación y componentes en las historias de tipografía para clarificar y mantener el código.
Refactorización del Encabezado
Se han realizado las siguientes mejoras en el componente
Header:searchBox.placeholderal componentesearchbox, lo que mejora la usabilidad y orientación del usuario final.Mejoras en Propiedades de Componentes
Se añadió la propiedad
classNameal componenteTypographypara facilitar una personalización más específica de los estilos.Cambio en la Convención de Nombres de Interfaces
En este PR también se ha adoptado una nueva convención de nombres para las interfaces. Se ha removido la letra 'I' previa de las interfaces, que aunque comúnmente utilizada, no es considerada la mejor práctica. Ahora, las interfaces llevan la primera letra en mayúscula y se nombran de acuerdo a la función, variable u objeto donde serán implementadas. Esto simplifica la identificación de la interfaz y su propósito dentro del código, alineándose con las prácticas de TypeScript más modernas y legibles. Reference
Estas modificaciones aseguran que sdd-kit se mantenga al frente del desarrollo de aplicaciones web, promoviendo un código limpio, una experiencia de desarrollo superior y facilitando la creación de interfaces de usuario atractivas y funcionales.
ScreenShtos