react-hook-form / Devtools
📋 DevTools to help debug forms.
Stars: ✭ 171
Programming Languages
typescript
32286 projects
Projects that are alternatives of or similar to Devtools
Laravel Tinker Tools
Use short class names in an Artisan tinker session
Stars: ✭ 134 (-21.64%)
Mutual labels: devtools
Graphql Toolkit
A set of utils for faster development of GraphQL tools
Stars: ✭ 169 (-1.17%)
Mutual labels: devtools
Devtron
[LOOKING FOR MAINTAINERS] An Electron DevTools Extension
Stars: ✭ 1,726 (+909.36%)
Mutual labels: devtools
Protostar Relay
Open-source iteration of the official Relay devtool.
Stars: ✭ 161 (-5.85%)
Mutual labels: devtools
Minimongoexplorer
Handy Google Chrome extension for reviewing MiniMongo.
Stars: ✭ 131 (-23.39%)
Mutual labels: devtools
Redux Devtools Extension
Redux DevTools extension.
Stars: ✭ 13,236 (+7640.35%)
Mutual labels: devtools
Nim
Streamline Your Node.js Debugging Workflow with Chromium (Chrome, Edge, More) DevTools.
Stars: ✭ 168 (-1.75%)
Mutual labels: devtools
Estimo
Evaluates how long the browser will execute your javascript code.
Stars: ✭ 138 (-19.3%)
Mutual labels: devtools
Redux Devtools Dispatch
Dispatch your actions manually to test if your app reacts well.
Stars: ✭ 143 (-16.37%)
Mutual labels: devtools
Restore
A predictable & observable state container for React apps
Stars: ✭ 133 (-22.22%)
Mutual labels: devtools
Spring Boot Examples
个人学习 SpringBoot2.x 写的一些示例程序,目前正在持续更新中.....
Stars: ✭ 159 (-7.02%)
Mutual labels: devtools
Performant, flexible and extensible forms with easy to use validation.
Goal
This React Component will help you to debug forms when working React Hook Form, and give you more insight about your form's detail.
Install
$ npm install @hookform/devtools -D
Quickstart
import React from 'react';
import { useForm } from 'react-hook-form';
import { DevTool } from '@hookform/devtools';
import './App.css';
const App = () => {
const { register, control, handleSubmit } = useForm({
mode: 'onChange',
});
return (
<>
<DevTool control={control} />
<form onSubmit={handleSubmit(d => console.log(d))}>
<h1>React Hook Form DevTools</h1>
<label>Test</label>
<input name="test" ref={register} />
<input type="submit" />
</form>
</>
);
};
export default App;
Backers
Thanks goes to all our backers! [Become a backer].
Organizations
Thanks goes to these wonderful organizations! [Contribute].
Contributors
Thanks goes to these wonderful people! [Become a contributor].
Note that the project description data, including the texts, logos, images, and/or trademarks,
for each open source project belongs to its rightful owner.
If you wish to add or remove any projects, please contact us at [email protected].