3 repositorios
Automated alphabetical ordering of properties passed to components.
Distinct from Prop Transformations: Distinct from prop transformations: focuses on the visual order of props rather than modifying the data they carry.
Explore 3 awesome GitHub repositories matching user interface & experience · Prop Sorting. Refine with filters or upvote what's useful.
This project is an ESLint plugin and static analysis tool designed to enforce best practices, prevent bugs, and maintain code quality in React projects. It functions as a specialized JSX linter that analyzes the syntax and structure of components to detect anti-patterns and API misuse. The plugin distinguishes itself by providing deep analysis of React-specific patterns, such as detecting state race conditions, preventing nested component definitions, and identifying unstable references that cause unnecessary re-renders. It also includes security hardening rules to identify vulnerabilities li
Enforces alphabetical ordering of props in elements to make them easier to locate and maintain.
This project is a Prettier plugin and Tailwind CSS class sorter that automatically organizes utility classes into a consistent and recommended order. It functions as a frontend styling formatter and CSS utility organizer, removing duplicate classes and sorting style attributes across HTML and JavaScript files. The tool ensures consistent markup formatting by ordering utility classes within HTML attributes, template literals, JavaScript expressions, and custom framework props. It integrates with Tailwind CSS configuration files and stylesheets to synchronize sorting behavior with custom theme
Reorders utility classes found within non-standard attributes or framework props.
Este es un formateador de código para archivos de plantilla Blade que estandariza la sangría y el espaciado dentro del editor VS Code. Funciona como un formateador de plantillas y clasificador de atributos HTML que limpia la sintaxis y el diseño basándose en reglas de estilo personalizadas o predefinidas. La herramienta se diferencia por organizar automáticamente los atributos HTML y ordenar las clases de utilidad de Tailwind CSS en un orden predecible. Utiliza un sistema configurable mediante JSON para cargar reglas específicas del proyecto y listas de exclusión, permitiendo a los equipos sincronizar estilos de código y evitar conflictos en el control de versiones. Sus capacidades incluyen la gestión del alcance del formato mediante listas de ignorados globales o comentarios en línea, la validación de archivos de configuración contra un esquema formal y la personalización de reglas de sangría y espacios en blanco. El proyecto se integra con el editor utilizando el Language Server Protocol.
Reorganizes HTML attributes based on alphabetical or custom regular expression patterns.