npm package discovery and stats viewer.

Discover Tips

  • General search

    [free text search, go nuts!]

  • Package details

    pkg:[package-name]

  • User packages

    @[username]

Sponsor

Optimize Toolset

I’ve always been into building performant and accessible sites, but lately I’ve been taking it extremely seriously. So much so that I’ve been building a tool to help me optimize and monitor the sites that I build to make sure that I’m making an attempt to offer the best experience to those who visit them. If you’re into performant, accessible and SEO friendly sites, you might like it too! You can check it out at Optimize Toolset.

About

Hi, 👋, I’m Ryan Hefner  and I built this site for me, and you! The goal of this site was to provide an easy way for me to check the stats on my npm packages, both for prioritizing issues and updates, and to give me a little kick in the pants to keep up on stuff.

As I was building it, I realized that I was actually using the tool to build the tool, and figured I might as well put this out there and hopefully others will find it to be a fast and useful way to search and browse npm packages as I have.

If you’re interested in other things I’m working on, follow me on Twitter or check out the open source projects I’ve been publishing on GitHub.

I am also working on a Twitter bot for this site to tweet the most popular, newest, random packages from npm. Please follow that account now and it will start sending out packages soon–ish.

Open Software & Tools

This site wouldn’t be possible without the immense generosity and tireless efforts from the people who make contributions to the world and share their work via open source initiatives. Thank you 🙏

© 2024 – Pkg Stats / Ryan Hefner

react-formstate

v0.6.15

Published

An API to manage your form state... Supports form validation. Efficient form development with no substantive downside.

Downloads

182

Vulnerabilities

Powered byPowered by Snyk
  • 0High
  • 0Medium
  • 0Low

Links

Git

Maintainers

dtrelogandtrelogan

Keywords

reactformvalidationstatevalidatevalidatedframeworkasyncasynchronousformsapibootstrapsetStateredux

Readme

react-formstate

There is a new version of this package: react-formstate-fp.

react-formstate-fp is designed to work with React Hooks, and makes several other substantive improvements to react-formstate.

react-formstate will continue to be maintained, but all new enhancements and improvements will be made to react-formstate-fp.

Thank you to all who supported react-formstate. React Hooks forced the rewrite.

Coverage Status Build Status

An API to manage your form state...

react-formstate has two competing titles:

  1. DRY form validation in React.
  2. A comprehensive productivity API for React forms.

The thing is, you can't have one without the other.

The advantage of react-formstate is it's not a form controller. It doesn't drive your workflow. The only trade-off you make in using it is learning how to manage your form state through the API. Other than that you retain total control over your form component, even as you maximize productivity. The only thing it's not optimal for is extremely rapid prototyping from scratch.

react-formstate is actively used in real enterprise projects, so if you are evaluating this, you can check that box.

Contributing

For those who see its benefits, thank you for starring the package or for any other form of advocacy. Feedback, code contributions, and ideas for improvement are always welcome.

Setup

$ npm install react-formstate --save

Demo

Validated react-bootstrap components: react-formstate-demo

Walkthrough

Features and examples

Advanced features and examples

Documentation

Peer dependencies

  • React
  • es5 (for example: Object.keys and Array.isArray)
  • That's it!