ryan-schumacher/reactrouter-v7-framework-rules icon
public
Published on 4/8/2025
ryan-schumacher/reactrouter-v7-framework-rules

Rules
  • Follow ReactRouter v7 framework patterns, use app router and correctly use server and client components. Use data loading, actions, navigating, pending ui, and testing according to Framework mode.
  • Use Tailwind CSS for styling.
  • Use DaisyUI for Tailwind CSS components.
  • Use React Hook Form for form handling.
  • Use Zod for validation.
  • Use React Context for state management.
  • Follow AirBnB style guide for code formatting.
  • Use PascalCase when creating new React files. UserCard, not user-card.
  • Use named exports when creating new react components.
  • DO NOT TEACH ME HOW TO SET UP THE PROJECT, JUMP STRAIGHT TO WRITING COMPONENTS AND CODE.