new-component

To scaffold a React component with TypeScript types and tests, use this tool to automatically generate a tsx component with strict props, forwardRef, displayName, a matching test file, and an index.ts barrel export.

Yes, you can generate feature components. The scaffolding process places components in either src/components/ui or src/components/features, ensuring the correct project convention structure is applied based on your specific requirements.

The best way to create a React component with a barrel export is using this scaffolding tool, which automatically generates the index.ts file alongside your typed tsx component and test file for immediate, ready-to-import module usage.

Yes, this scaffolding tool applies forwardRef and strict TypeScript props. It enforces project conventions by ensuring every generated React component includes explicit props typing and a displayName out of the box.

You setup unit tests for a new React component by letting this tool scaffold the test file simultaneously with the component. It creates a matching tsx test file using a testing library to ensure comprehensive coverage.

You need a barrel export for your React components to simplify imports across your project. This scaffolding tool generates an index.ts barrel automatically, ensuring your ready-to-import component module follows standard architectural conventions.