@refinedev/react-hook-form 4.8.7 → 4.8.9
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +63 -13
- package/dist/iife/index.js +6 -6
- package/dist/iife/index.js.map +1 -1
- package/package.json +2 -2
package/README.md
CHANGED
|
@@ -3,33 +3,83 @@
|
|
|
3
3
|
<img src="https://refine.ams3.cdn.digitaloceanspaces.com/refine_logo.png" align="center" />
|
|
4
4
|
</a>
|
|
5
5
|
</div>
|
|
6
|
+
|
|
6
7
|
<br/>
|
|
7
|
-
<div align="center">refine is an open-source, headless React framework for developers building enterprise web applications.
|
|
8
8
|
|
|
9
|
-
|
|
9
|
+
<div align="center">
|
|
10
|
+
<a href="https://refine.dev">Home Page</a> |
|
|
11
|
+
<a href="https://discord.gg/refine">Discord</a> |
|
|
12
|
+
<a href="https://refine.dev/examples/">Examples</a> |
|
|
13
|
+
<a href="https://refine.dev/blog/">Blog</a> |
|
|
14
|
+
<a href="https://refine.dev/docs/">Documentation</a>
|
|
15
|
+
|
|
16
|
+
<br/>
|
|
17
|
+
<br/>
|
|
18
|
+
|
|
19
|
+
[](https://discord.gg/refine)
|
|
20
|
+
[](https://twitter.com/refine_dev)
|
|
21
|
+
|
|
22
|
+
|
|
23
|
+
<a href="https://www.producthunt.com/posts/refine-3?utm_source=badge-top-post-badge&utm_medium=badge&utm_souce=badge-refine-3" target="_blank"><img src="https://api.producthunt.com/widgets/embed-image/v1/top-post-badge.svg?post_id=362220&theme=light&period=daily" alt="refine - 100% open source React framework to build web apps 3x faster | Product Hunt" style="width: 250px; height: 54px;" width="250" height="54" /></a>
|
|
10
24
|
|
|
11
25
|
</div>
|
|
26
|
+
|
|
27
|
+
|
|
12
28
|
<br/>
|
|
13
29
|
|
|
14
|
-
|
|
15
|
-
|
|
30
|
+
|
|
31
|
+
|
|
32
|
+
|
|
33
|
+
|
|
34
|
+
|
|
35
|
+
<div align="center">refine is an open-source, headless React framework for developers building enterprise internal tools, admin panels, dashboards, B2B applications.
|
|
36
|
+
|
|
37
|
+
<br/>
|
|
38
|
+
|
|
39
|
+
It eliminates repetitive tasks in CRUD operations and provides industry-standard solutions for critical project components like **authentication**, **access control**, **routing**, **networking**, **state management**, and **i18n**.
|
|
40
|
+
|
|
16
41
|
</div>
|
|
17
42
|
|
|
18
|
-
## About
|
|
19
43
|
|
|
20
|
-
The [refine](https://refine.dev/) is **headless by design**, offering unlimited styling and customization options. Moreover, refine ships with ready-made integrations for [Ant Design](https://ant.design/), [Material UI](https://mui.com/material-ui/getting-started/overview/), [Mantine](https://mantine.dev/), and [Chakra UI](https://chakra-ui.com/) for convenience.
|
|
21
44
|
|
|
22
|
-
refine has connectors for 15+ backend services, including REST API, [GraphQL](https://graphql.org/), and popular services like [Airtable](https://www.airtable.com/), [Strapi](https://strapi.io/), [Supabase](https://supabase.com/), [Firebase](https://firebase.google.com/), and [Directus](https://directus.io/)
|
|
23
45
|
|
|
24
|
-
[Refer to documentation for more info about refine→](https://refine.dev/docs/)
|
|
25
|
-
[Step up to refine tutorials →](https://refine.dev/docs/tutorial/introduction/index/)
|
|
26
46
|
|
|
27
|
-
|
|
47
|
+
# React Hook Form integration for refine
|
|
48
|
+
|
|
49
|
+
|
|
50
|
+
[React Hook Form](https://react-hook-form.com/) is one such library that helps to manage complex forms.
|
|
51
|
+
|
|
52
|
+
[refine](https://refine.dev/) is **headless by design**, offering unlimited styling and customization options. Moreover, refine ships with ready-made integrations for [Ant Design](https://ant.design/), [Material UI](https://mui.com/material-ui/getting-started/overview/), [Mantine](https://mantine.dev/), and [Chakra UI](https://chakra-ui.com/) for convenience.
|
|
53
|
+
|
|
54
|
+
refine has connectors for 15+ backend services, including REST API, [GraphQL](https://graphql.org/), and popular services like [Airtable](https://www.airtable.com/), [Strapi](https://strapi.io/), [Supabase](https://supabase.com/), [Firebase](https://firebase.google.com/), and [NestJS](https://nestjs.com/).
|
|
55
|
+
|
|
28
56
|
|
|
29
|
-
For more detailed information and usage, refer to the [refine React Hook Form documentation](https://refine.dev/docs/packages/react-hook-form/useForm).
|
|
30
57
|
|
|
31
|
-
|
|
58
|
+
|
|
59
|
+
|
|
60
|
+
## Installation & Usage
|
|
32
61
|
|
|
33
62
|
```
|
|
34
|
-
npm install @refinedev/react-hook-form
|
|
63
|
+
npm install @refinedev/react-hook-form react-hook-form
|
|
35
64
|
```
|
|
65
|
+
|
|
66
|
+
```tsx
|
|
67
|
+
import { useForm } from "@refinedev/react-hook-form";
|
|
68
|
+
|
|
69
|
+
const EditPost = () => {
|
|
70
|
+
const { register, handleSubmit, formState, refineCore } = useForm({
|
|
71
|
+
refineCoreProps: {
|
|
72
|
+
resource: "posts",
|
|
73
|
+
id: "1",
|
|
74
|
+
},
|
|
75
|
+
});
|
|
76
|
+
|
|
77
|
+
return; /* ... */
|
|
78
|
+
};
|
|
79
|
+
|
|
80
|
+
```
|
|
81
|
+
|
|
82
|
+
## Documentation
|
|
83
|
+
- For more detailed information and usage, refer to the [refine React Hook Form documentation](https://refine.dev/docs/packages/documentation/react-hook-form/useForm/).
|
|
84
|
+
- [Refer to documentation for more info about refine](https://refine.dev/docs/).
|
|
85
|
+
- [Step up to refine tutorials](https://refine.dev/docs/tutorial/introduction/index/).
|