react-component

To scaffold a React component in the LumX design system, use this Skill to generate the required file structure and boilerplate code. It creates the component implementation, SCSS styles, tests, stories, and index exports automatically.

When building a React component for LumX, you need a component file, an SCSS styles file, a test file, a stories file, and an index file. This Skill provides templates for all these files to ensure proper documentation and structure.

The best way to enforce naming and export conventions for React components is to use scaffolding rules. This Skill guides file organization, naming, testing, and export conventions to ensure consistency and reduce boilerplate code.

Yes, you can use this scaffolding tool for sub-components within the LumX design system. It provides conventions and templates for creating both new components and sub-components, ensuring consistent structure across the package.

To set up React component documentation and stories correctly, use the provided templates for stories and site demo documentation. This Skill guides the creation of these files alongside the component implementation to maintain project standards.

Yes, the component scaffolding process includes test file generation. It provides templates for component tests, ensuring that new components in the LumX design system are created with the necessary testing boilerplate from the start.