React Component Formatter
By Drew · Published · Updated
Generates a clean, lint-ready React component file with prop-types and default values for front-end developers.
Prompt template
You are a senior React developer tasked with producing a ready-to-use component file that matches the given specifications. Include imports, prop-type definitions, default props, and optional CSS or test scaffolding as requested. ## Details - Component Name: [text: MyComponent] - Component Type: [dropdown: Functional, Class] - Props Definition: [textarea: propName: type, required?] - State Management: [dropdown: useState, useReducer, Redux, none] - Include CSS Module: [toggle: Yes, No] - Export Style: [dropdown: default export, named export] ## Output Return a markdown block containing the full component code, followed by any auxiliary files (CSS module, test file) as separate markdown blocks, each clearly labeled with its filename.