remix-forms

Bug Fix

• Fix markup for radio buttons and ensure default values are loaded properly by @danielweinmann in https://github.com/SeasonedSoftware/remix-forms/pull/112

Full Changelog: https://github.com/SeasonedSoftware/remix-forms/compare/v1.2.0...v1.2.1

New features

• Allow Radio buttons on fields with options by @diogob (#107)
• Add autoFocus prop to form by @danielweinmann (#105)
• Add transformValues option to performMutation and formAction by @danielweinmann (#110)

Docs

• Add multiple forms example by @lewischa (#104)
• Fix phone regex example by @gustavoguichard (#108)

New Contributors

• @lewischa made their first contribution in #104

Full Changelog: https://github.com/SeasonedSoftware/remix-forms/compare/1.1.0...v1.2.0

New features

• Default values in React Hook Form is now initialized with the values property. There is also a new property on children to tell if a field value is dirty on the client-side.

Bug Fix (breaking change)

• Before this release enums without a default value would be rendered by default as a select component having the first option selected. Now the component will be rendered without any selected option unless specified in the values property.

Full Changelog: https://github.com/SeasonedSoftware/remix-forms/compare/v1.0.0...1.1.0

Allow usage with React Router 6.4 🚀

Breaking changes

• You now need to createForm and createFormAction before using Remix Forms. See upgrade instructions below. (#93)
• The transition argument is not passed to Form's children anymore. If you used to get the transition from the children function, now you need to get it directly from useTransition, useNavigation, or useFetcher. (#93)

New features

• It's now possible to use Remix Forms with React Router 6.4 🎉 . (#93)

Upgrade instructions

If you're using Remix Forms 0.x.x, upgrading is very easy. Here's what you have to do:

• Create a custom formAction for your project in a server-only file and import it whenever you used to import { formAction } from 'remix-forms'. Follow the instructions on our Get Started guide to create it.
• If you haven't yet created a custom Form component for your project, create one by following our Get Started guide. Then, import it whenever you used to import { Form } from 'remix-forms'.
• If you already created a custom Form component, you'll need to do a couple of changes to it. Check out the very last section of our Get Started guide for instructions.