Enforce React authoring rules for `.tsx` files and component modifications.
npx skills add https://github.com/ViewableGravy/better-ecs --skill react-always
Please help me install this Agent Skill. Skill: react_always Source: https://github.com/ViewableGravy/better-ecs/tree/main/.github/skills/react_always Command: npx skills add https://github.com/ViewableGravy/better-ecs --skill react-always
This Skill enforces consistent and best-practice coding standards for all React files within the repository, ensuring maintainability and code quality.
&& syntax for cleaner conditional JSX.&& syntax for rendering.Apply the react_always skill to ensure all React code follows the defined standards.
High-intent search queries and answers about installing and using this skill.
To enforce React coding standards in .tsx files, apply rules that mandate conditional rendering with `&&` syntax, explicit minimal props, and simple JSX branches for maintainability. This ensures all component modifications adhere to consistent best practices.
The best way to handle conditional rendering in React JSX is using the `&&` syntax. This approach ensures cleaner conditional JSX structures and enforces consistent code quality across all component modifications.
To manage React props effectively, use explicit and minimal props while leveraging React context. This approach reduces prop drilling and ensures your React components remain maintainable and straightforward.
To simplify duplicate JSX branches in React components, refactor them into simple, non-duplicate structures. This promotes readable code and ensures your JSX remains straightforward and maintainable.
TypeScript is supported but not strictly required, as the rules enforce standards specifically for `.tsx` files and React component modifications. The focus is on JSX simplicity, conditional rendering, and explicit props.
React code often fails conditional rendering checks because it does not use the mandatory `&&` syntax for conditional JSX. Enforcing this specific syntax ensures cleaner rendering and consistent code quality across the repository.
nutrisari-jerukGenerate React component folders, files, and barrel exports per SOP Coding Standard 2.0.
virajpEnforce linting and formatting checks on TypeScript projects before commits.
notbozhoValidate UI component behavior across React, Vue, and Svelte using Testing Library queries and user events.
ignidusEnforce universal coding standards across TypeScript, JavaScript, React, and Node.js projects.