react

To enforce modern React 18 best practices, configure your project to mandate functional components, TypeScript props interfaces, and destructured signatures. This ensures consistency and maintainability across Next.js, Vite, or Nx environments.

The best way to structure React components with TypeScript is using functional components with strictly typed props interfaces and destructured signatures. This pattern enforces type safety and predictable component behavior.

Yes, this React skill works with Next.js and Vite, automatically detecting these environments to provide tailored guidance for layout, structure, and tooling decisions specific to your chosen framework.

To set up Tailwind CSS v4 and pnpm in a React project, configure your workflow to use pnpm for development, build, and lint tasks, while enforcing Tailwind v4 as the primary styling solution.

You should use functional components over class components in React 18 to align with modern patterns. Enforcing functional components with TypeScript props interfaces ensures better maintainability and consistency across your codebase.

Yes, you can use this React skill for Nx monorepo projects. It detects Nx environments and provides specific guidance for layout, structure, and tooling decisions within your monorepo setup.