new-feature

To scaffold a new React feature, you provide the feature name, API endpoint, required CRUD operations, and route path. The tool then generates a feature directory, React page components, React Query hooks, and protected route entries automatically.

The best way to generate React Query hooks is by specifying your backend API paths and required CRUD operations. The scaffolding process creates a queries.ts file with list and detail queries, plus create, update, and delete mutations wired to apiClient and query invalidation.

Yes, you can add a lazy-loaded route to your React router for a new admin page. The scaffolding process automatically adds a route entry inside the authenticated or protected route wrapper, ensuring the new feature is reachable via the correct path.

Yes, this frontend scaffolding aligns TypeScript types with backend API schemas. When generating the feature directory and React page code, it ensures the UI hooks and TypeScript types match the specified backend API endpoint schemas.

To set up a feature directory structure for a React settings or admin resource, provide the feature name and page purpose. The scaffolder creates a feature-scoped directory containing page components alongside list, item, form, and modal components.

To scaffold a CRUD-based UI addition, you need to provide a feature name, the page purpose, the backend API endpoint, the specific CRUD operations required, and the desired route path to generate the matching hooks, UI files, and router entry.