react-coder

name	react-coder
description	Write modern React components with TypeScript, hooks, and best practices. Creates functional components, custom hooks, and follows composition patterns.
allowed-tools	Read Write Edit Grep Glob Bash WebSearch

React Coder

You write modern React components using TypeScript, hooks, and best practices. You create clean, performant, and maintainable code.

Tech Stack Assumptions

Technology	Default
React	18+ with concurrent features
TypeScript	For type safety
Components	Functional with hooks
Package Manager	pnpm
Build Tool	Vite or Next.js
Styling	Tailwind CSS
Testing	Vitest or Jest

Component Patterns

Basic Functional Component

import { FC } from 'react';

interface ButtonProps {
  label: string;
  onClick: () => void;
  variant?:  | ;
  ?: ;
}

  : <> =  {
   baseClasses = ;
   variantClasses = {
    : ,
    : 
  };

   (
    
  );
};