{"id":13406776,"url":"https://github.com/react-hook-form/devtools","last_synced_at":"2025-05-14T01:07:15.883Z","repository":{"id":38024772,"uuid":"239236383","full_name":"react-hook-form/devtools","owner":"react-hook-form","description":"📋 DevTools to help debug forms.","archived":false,"fork":false,"pushed_at":"2025-04-06T00:29:05.000Z","size":2737,"stargazers_count":655,"open_issues_count":48,"forks_count":48,"subscribers_count":5,"default_branch":"master","last_synced_at":"2025-04-10T03:59:04.079Z","etag":null,"topics":["devtools","react","react-hook-form"],"latest_commit_sha":null,"homepage":"https://react-hook-form.com/dev-tools","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/react-hook-form.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG.md","contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2020-02-09T02:42:21.000Z","updated_at":"2025-04-06T00:29:05.000Z","dependencies_parsed_at":"2023-02-08T08:31:28.879Z","dependency_job_id":"8b252aeb-4a7d-47a4-9650-5bfa62c5c855","html_url":"https://github.com/react-hook-form/devtools","commit_stats":{"total_commits":173,"total_committers":28,"mean_commits":6.178571428571429,"dds":0.2601156069364162,"last_synced_commit":"7f3daefc8e195494c85daac52e9322e19ad65261"},"previous_names":["react-hook-form/react-hook-form-devtools"],"tags_count":41,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/react-hook-form%2Fdevtools","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/react-hook-form%2Fdevtools/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/react-hook-form%2Fdevtools/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/react-hook-form%2Fdevtools/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/react-hook-form","download_url":"https://codeload.github.com/react-hook-form/devtools/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":248354086,"owners_count":21089754,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["devtools","react","react-hook-form"],"created_at":"2024-07-30T19:02:39.004Z","updated_at":"2025-04-11T06:28:35.325Z","avatar_url":"https://github.com/react-hook-form.png","language":"TypeScript","readme":"\u003cdiv align=\"center\"\u003e\n    \u003cp align=\"center\"\u003e\n        \u003ca href=\"https://react-hook-form.com\" title=\"React Hook Form - Simple React forms validation\"\u003e\n            \u003cimg src=\"https://raw.githubusercontent.com/bluebill1049/react-hook-form/master/docs/logo.png\" alt=\"React Hook Form Logo - React hook custom hook for form validation\" /\u003e\n        \u003c/a\u003e\n    \u003c/p\u003e\n\u003c/div\u003e\n\n\u003cp align=\"center\"\u003ePerformant, flexible and extensible forms with easy to use validation.\u003c/p\u003e\n\n\u003cdiv align=\"center\"\u003e\n\n[![npm downloads](https://img.shields.io/npm/dm/@hookform/devtools.svg?style=for-the-badge)](https://www.npmjs.com/package/@hookform/devtools)\n[![npm](https://img.shields.io/npm/dt/@hookform/devtools.svg?style=for-the-badge)](https://www.npmjs.com/package/@hookform/devtools)\n[![npm](https://img.shields.io/bundlephobia/minzip/@hookform/devtools?style=for-the-badge)](https://bundlephobia.com/result?p=@hookform/devtools)\n\n\u003c/div\u003e\n\n\u003cimg src=\"https://react-hook-form.com/static/dev-tool-5b2a4d10769a292c6f1ca78a6170e4db.png\" /\u003e\n\n## Goal\n\nThis React Component will help you to debug forms when working React Hook Form, and give you more insight about your form's detail.\n\n## Install\n\n    $ npm install @hookform/devtools -D\n\n## Quickstart\n\n```typescript jsx\nimport React from 'react';\nimport { useForm } from 'react-hook-form';\nimport { DevTool } from '@hookform/devtools';\nimport './App.css';\n\nconst App = () =\u003e {\n  const { register, control, handleSubmit } = useForm({\n    mode: 'onChange',\n  });\n\n  return (\n    \u003c\u003e\n      \u003cDevTool control={control} placement=\"top-left\" /\u003e\n\n      \u003cform onSubmit={handleSubmit((d) =\u003e console.log(d))}\u003e\n        \u003ch1\u003eReact Hook Form DevTools\u003c/h1\u003e\n\n        \u003clabel\u003eTest\u003c/label\u003e\n        \u003cinput name=\"test\" ref={register} /\u003e\n\n        \u003cinput type=\"submit\" /\u003e\n      \u003c/form\u003e\n    \u003c/\u003e\n  );\n};\n\nexport default App;\n```\n\n## Backers\n\nThanks goes to all our backers! [[Become a backer](https://opencollective.com/react-hook-form#backer)].\n\n\u003ca href=\"https://opencollective.com/react-hook-form#backers\"\u003e\n    \u003cimg src=\"https://opencollective.com/react-hook-form/backers.svg?width=950\" /\u003e\n\u003c/a\u003e\n\n## Organizations\n\nThanks goes to these wonderful organizations! [[Contribute](https://opencollective.com/react-hook-form/contribute)].\n\n\u003ca href=\"https://github.com/react-hook-form/react-hook-form/graphs/contributors\"\u003e\n    \u003cimg src=\"https://opencollective.com/react-hook-form/organizations.svg?width=950\" /\u003e\n\u003c/a\u003e\n\n## Contributors\n\nThanks goes to these wonderful people! [[Become a contributor](https://github.com/react-hook-form/react-hook-form/blob/master/CONTRIBUTING.md)].\n\n\u003ca href=\"https://github.com/react-hook-form/react-hook-form/graphs/contributors\"\u003e\n    \u003cimg src=\"https://opencollective.com/react-hook-form/contributors.svg?width=950\" /\u003e\n\u003c/a\u003e\n","funding_links":["https://opencollective.com/react-hook-form","https://opencollective.com/react-hook-form/contribute"],"categories":["TypeScript"],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Freact-hook-form%2Fdevtools","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Freact-hook-form%2Fdevtools","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Freact-hook-form%2Fdevtools/lists"}