# Managing React Form State Using the React-Form Library

DevFeed: [Managing React Form State Using the React-Form Library](<https://devfeed.tech/articles/managing-react-form-state-using-the-react-form-library-1486.md>)

Original publisher: [Read original article](<https://shopify.engineering/managing-react-form-state-using-react-form-library>)

Author: Joe Keohan

Published: 2022-09-14T16:30:05Z

Content type: tutorial

Language: en

Sources: [Shopify Engineering](<https://devfeed.tech/sources/shopify-engineering.md>), [Shopify Engineering - Shopify Engineering](<https://devfeed.tech/sources/shopify-engineering-shopify-engineering.md>)

Topics: [React](<https://devfeed.tech/topics/react.md>), [Forms](<https://devfeed.tech/topics/forms.md>), [npm packages](<https://devfeed.tech/topics/npm-packages.md>), [Shopify](<https://devfeed.tech/topics/shopify.md>), [Open Source](<https://devfeed.tech/topics/open-source.md>), [API](<https://devfeed.tech/topics/api.md>)

Tags: [api](<https://devfeed.tech/tags/api.md>), [forms](<https://devfeed.tech/tags/forms.md>), [npm](<https://devfeed.tech/tags/npm.md>), [npm-packages](<https://devfeed.tech/tags/npm-packages.md>), [open-source](<https://devfeed.tech/tags/open-source.md>), [react](<https://devfeed.tech/tags/react.md>), [shopify](<https://devfeed.tech/tags/shopify.md>), [tutorial](<https://devfeed.tech/tags/tutorial.md>)

## AI overview

This tutorial explains how to manage React form state with Shopify's open source react-form library from the Quilt repository. It introduces the useForm and useField hooks, which manage form and input-field state and validation, provide smart defaults, and reduce the need for manual useState logic and event handlers.

## Source excerpt

We'll delve further into Shopify's open source Quilt repo that contains 72 npm packages, one of which is the react-form library.