198 lines
5.6 KiB
Markdown
198 lines
5.6 KiB
Markdown
# 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
|
|
```bash
|
|
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
|
|
```bash
|
|
npm install react-hook-form zod @hookform/resolvers
|
|
```
|
|
|
|
### pnpm
|
|
```bash
|
|
pnpm add react-hook-form zod @hookform/resolvers
|
|
```
|
|
|
|
### yarn
|
|
```bash
|
|
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**:
|
|
```bash
|
|
npm view react-hook-form version
|
|
npm view zod version
|
|
npm view @hookform/resolvers version
|
|
```
|
|
|
|
---
|
|
|
|
**Last Updated**: 2025-10-23
|