Welcome to the KS React Component Bakery — the only place in VS Code where your React components rise to perfection. Why knead boilerplate by hand when the bakery can mix, proof, and bake everything for you?
Pick your ingredients (TypeScript? React 18? A sprinkle of test files?), choose where you want your pastry component to live, and voilà — a freshly baked component folder appears, warm and editor-ready.
Consistent. Delicious. And absolutely mess-free.
There are two ways to add a new React component.
There are a couple of validation happening when typing the component name.
Generate your component using .tsx / .ts instead of .jsx / .js.
Perfect for kitchens that love type safety.
Adds React 18-compatible patterns to the baked component.
Includes a ready-to-use test file:
ComponentName.spec.tsx
Exports your component like:
export { ComponentName } from './ComponentName'Re-exports everything from the component module:
export * from './ComponentName'Useful for barrel files and cleaner imports.
Since there isn't an official API to get the selected file's URI, I had to utilize the copyFilePath command. This copies the file path to the clipboard. I have added some processes which retains your last clipboard entry but it will lose its rich state in some OS.
Allow camelCase as component name ONLY if it starts with use, indicating it is a hook.
Added Export All option
Initial release of KS React Component Bakery