dynamic-form-frontend

This Skill streamlines dynamic form development in React by combining react-hook-form for state, zod for validation, and react-query for server state, ensuring efficient form creation and interaction.

You can use Vite and Bootstrap for dynamic form UI development. The Skill enhances the React/Vite frontend, managing UI components, routing, and state with Bootstrap components for consistent user experiences.

Integrate OIDC authentication into a React frontend by implementing OAuth2/OIDC flows for secure user authentication and authorization. The Skill handles these integrations within the dynamic-form application's routing and state management.

Add a new validation rule to an existing React form using zod schemas integrated with react-hook-form. This approach lets you update form logic and enforce validation rules efficiently within the dynamic-form frontend.

React-hook-form works with react-query in this Skill. It handles form state with react-hook-form and zod validation, while managing server state with react-query to fetch data and maintain dynamic form interactions.