5.6 KiB
5.6 KiB
Links to Official Documentation
Organized links to official documentation and resources.
React Hook Form
Core Documentation
- Main Site: https://react-hook-form.com/
- Get Started: https://react-hook-form.com/get-started
- API Reference: https://react-hook-form.com/api
- TS Support: https://react-hook-form.com/ts
Hooks
- useForm: https://react-hook-form.com/api/useform
- useController: https://react-hook-form.com/api/usecontroller
- useFieldArray: https://react-hook-form.com/api/usefieldarray
- useWatch: https://react-hook-form.com/api/usewatch
- useFormContext: https://react-hook-form.com/api/useformcontext
- useFormState: https://react-hook-form.com/api/useformstate
- Controller: https://react-hook-form.com/api/controller
Advanced Usage
- Smart Form Component: https://react-hook-form.com/advanced-usage#SmartFormComponent
- Error Messages: https://react-hook-form.com/advanced-usage#ErrorMessages
- Accessibility: https://react-hook-form.com/advanced-usage#AccessibilityA11y
- Performance: https://react-hook-form.com/advanced-usage#PerformanceOptimization
- Schema Validation: https://react-hook-form.com/advanced-usage#SchemaValidation
Examples
- Examples Library: https://react-hook-form.com/form-builder
- CodeSandbox Examples: https://codesandbox.io/examples/package/react-hook-form
Zod
Core Documentation
- Main Site: https://zod.dev/
- Installation: https://zod.dev/#installation
- Basic Usage: https://zod.dev/basics
- Primitives: https://zod.dev/primitives
- Coercion: https://zod.dev/coercion
Schema Types
- Objects: https://zod.dev/objects
- Arrays: https://zod.dev/arrays
- Unions: https://zod.dev/unions
- Records: https://zod.dev/records
- Maps: https://zod.dev/maps
- Sets: https://zod.dev/sets
- Promises: https://zod.dev/promises
Validation
- Refinements: https://zod.dev/refinements
- Transforms: https://zod.dev/transforms
- Preprocessing: https://zod.dev/preprocessing
- Pipes: https://zod.dev/pipes
Error Handling
- Error Handling: https://zod.dev/error-handling
- Custom Error Messages: https://zod.dev/error-handling#custom-error-messages
- Error Formatting: https://zod.dev/error-handling#formatting
TypeScript
- Type Inference: https://zod.dev/type-inference
- Type Helpers: https://zod.dev/type-inference#type-helpers
@hookform/resolvers
Documentation
- Main Docs: https://github.com/react-hook-form/resolvers
- zodResolver: https://github.com/react-hook-form/resolvers#zod
- All Resolvers: https://github.com/react-hook-form/resolvers#api
Installation
npm install @hookform/resolvers
shadcn/ui
Form Components
- Form Component: https://ui.shadcn.com/docs/components/form
- Input: https://ui.shadcn.com/docs/components/input
- Textarea: https://ui.shadcn.com/docs/components/textarea
- Select: https://ui.shadcn.com/docs/components/select
- Checkbox: https://ui.shadcn.com/docs/components/checkbox
- Radio Group: https://ui.shadcn.com/docs/components/radio-group
- Switch: https://ui.shadcn.com/docs/components/switch
- Button: https://ui.shadcn.com/docs/components/button
Installation
- Vite Setup: https://ui.shadcn.com/docs/installation/vite
- Next.js Setup: https://ui.shadcn.com/docs/installation/next
- CLI: https://ui.shadcn.com/docs/cli
TypeScript
Documentation
- Handbook: https://www.typescriptlang.org/docs/handbook/intro.html
- Type Inference: https://www.typescriptlang.org/docs/handbook/type-inference.html
- Generics: https://www.typescriptlang.org/docs/handbook/2/generics.html
Accessibility (WCAG)
Guidelines
- WCAG 2.1: https://www.w3.org/WAI/WCAG21/quickref/
- ARIA Authoring Practices: https://www.w3.org/WAI/ARIA/apg/
- Forms Best Practices: https://www.w3.org/WAI/tutorials/forms/
Community Resources
React Hook Form
- GitHub: https://github.com/react-hook-form/react-hook-form
- Discord: https://discord.gg/yYv7GZ8
- Stack Overflow: https://stackoverflow.com/questions/tagged/react-hook-form
Zod
- GitHub: https://github.com/colinhacks/zod
- Discord: https://discord.gg/RcG33DQJdf
- Stack Overflow: https://stackoverflow.com/questions/tagged/zod
Video Tutorials
React Hook Form
- Official YouTube: https://www.youtube.com/@bluebill1049
- Traversy Media: https://www.youtube.com/watch?v=bU_eq8qyjic
- Web Dev Simplified: https://www.youtube.com/watch?v=cc_xmawJ8Kg
Zod
- Matt Pocock: https://www.youtube.com/watch?v=L6BE-U3oy80
- Theo: https://www.youtube.com/watch?v=AeQ3f4zmSMs
Blog Posts & Articles
React Hook Form
- React Hook Form Best Practices: https://react-hook-form.com/faqs
- Performance Comparison: https://react-hook-form.com/faqs#PerformanceofReactHookForm
Zod
- Total TypeScript: https://www.totaltypescript.com/tutorials/zod
- Zod Tutorial: https://zod.dev/tutorials
Package Managers
npm
npm install react-hook-form zod @hookform/resolvers
pnpm
pnpm add react-hook-form zod @hookform/resolvers
yarn
yarn add react-hook-form zod @hookform/resolvers
Version Information
Latest Tested Versions (as of 2025-10-23):
- react-hook-form: 7.65.0
- zod: 4.1.12
- @hookform/resolvers: 5.2.2
Check for updates:
npm view react-hook-form version
npm view zod version
npm view @hookform/resolvers version
Last Updated: 2025-10-23