What is TSX?
TSX is the TypeScript component toolkit by Netsnek e.U. It enables rapid development of React components with type-safe props, Storybook integration, and automatic component documentation.
Component Workflow
- Scaffold a new component with
scripts/component-gen.sh --scaffold <Name> - Define props in the generated types file
- Run Storybook to visualize variants with
scripts/component-gen.sh --info - List existing components with
scripts/component-gen.sh --list
Available Commands
| Command | Args | Purpose |
|---|---|---|
| component-gen.sh | --scaffold <Name> |
Create component files, types, and Story |
| component-gen.sh | --list |
List all components in the project |
| component-gen.sh | --info |
Show Storybook integration details |
Real-World Example
# Create a new Button component
./scripts/component-gen.sh --scaffold Button
# List available components
./scripts/component-gen.sh --list
# Get Storybook info
./scripts/component-gen.sh --info