newforms - Isomorphic form-handling for React

  •        25

An isomorphic form-handling library for React. Newforms can be used on the server, or bundled for the client using an npm-compatible packaging system such as Browserify or webpack.


Concur : ^0.3.0
envify : ^3.4.0
get-form-data : ^1.2.2
isomorph : ^0.3.0
validators : ^0.3.1



Related Projects

revalidation - Higher Order Component for Validating Forms in React

  •    Javascript

Revalidation lets you write your forms as stateless function components, taking care of managing the local form state as well as the validation. Revalidation also works with classes and will support other React-like libraries like Preact or Inferno in the future. Form handling sounds trivial sometimes, but let’s just take a second to think about what is involved in the process. We need to define form fields, we need to validate the fields, we also might need to display errors according to the fact if the input validates, furthermore we need to figure out if the validation is instant or only after clicking on a submit button and so on and so forth.

formsy-react - A form input builder and validator for React JS

  •    Javascript

I wrote an article on forms and validation with React JS, Nailing that validation with React JS, the result of that was this extension. The main concept is that forms, inputs and validation is done very differently across developers and projects. This extension to React JS aims to be that "sweet spot" between flexibility and reusability.

formous - Simple and elegant form-handling for React - ABANDONWARE

  •    Javascript

Use the code snippet below as an example to help you get started right away. Formous is a higher-order component that you can use to wrap your component in order to supply it with field validation, error notifications, and form submission handling.

react-formal - Sophisticated HTML form management for React

  •    Javascript

Better form validation and value management for React. Provides minimal wiring while also allowing for complete input flexibility. Built on yup and react-input-message.

formik - Build forms in React, without the tears 😭

  •    TypeScript

By colocating all of the above in one place, Formik will keep things organized--making testing, refactoring, and reasoning about your forms a breeze.I (@jaredpalmer) wrote Formik while building a large internal administrative dashboard with @eonwhite. With around ~30 unique forms, it quickly became obvious that we could benefit by standardizing not just our input components but also the way in which data flowed through our forms.

redux-form - A Higher Order Component using react-redux to keep form state in a Redux store

  •    Javascript

redux-form works with React Redux to enable an html form in React to use Redux to store all of its state. You can play around with redux-form in these sandbox versions of the Examples.

Winterfell - Generate complex, validated and extendable JSON-based forms in React.

  •    Javascript

Winterfell allows you to build up complex, multi-page forms with conditional questions, validation and conditional-page switching via a JSON schema, rendered by React. Winterfell was initially made for a project in a sector that required a large, complex form with questions that would result in more questions or different pages when you clicked next. With an easy to write schema and a high level of customisation, comes a great power.

symfony-react-sandbox - Example of integration with React and Webpack (Webpack Encore) for universal (isomorphic) React rendering, using Limenius/ReactBundle and Limenius/LiformBundle

  •    Javascript

This sandbox provides an example of usage of ReactBundle with server and client-side React rendering (universal/isomorphical) and its integration with a fitting Webpack Encore setup. It also provides an example of the usage of LiformBundle to generate a json-schema from Symfony forms and a forms and validation in React from that schema. -Note: If you are new to React.js, please note that this sandbox or the bundle are not by any means required to use React with Symfony. This shocases how to do some advanced features such as Server Side Rendering, a better integration with forms, injecting components directly from Twig tags, that may be difficult.

react-forms - Forms library for React.

  •    Javascript

React Forms library provides a set of tools for React to handle form rendering and validation. You would probably also need a module bundler such as Browserify or Webpack as React Forms is distributed as a set of CommonJS modules.

formsy-react-components - A set of React JS components for use in a formsy-react form

  •    Javascript

formsy-react-components is a selection of React components that render form elements for use in a formsy-react form. The components render markup to be quickly included in a Bootstrap 3 form. This includes a <label>, help text, and some validation styling tied to formsy’s validation state and validation messages.

tcomb-form - Forms library for react

  •    Javascript

tcomb-form is looking for maintainers. If you're interested in helping a great way to get started would just be to start weighing-in on GitHub issues, reviewing and testing some PRs. The tcomb library provides a concise but expressive way to define domain models in JavaScript.

react-isomorphic-video-game-search - An Isomorphic application demo powered by React, reflux, react-router-component, express, superagent and the Giant Bomb API

  •    Javascript

An Isomorphic application demo powered by React, reflux, react-router-component, express, superagent and the Giant Bomb API. An excuse to share my research and get feedback as I prepare to launch a large React-powered app.

react-final-form - 🏁 High performance subscription-based form state management for React

  •    Javascript

In the interest of making 🏁 React Final Form the best library it can be, we'd love your thoughts and feedback. Take a quick survey.

tcomb-form-native - Forms library for react-native

  •    Javascript

tcomb-form-native is looking for maintainers. If you're interested in helping, a great way to get started would just be to start weighing-in on GitHub issues, reviewing and testing some PRs. The tcomb library provides a concise but expressive way to define domain models in JavaScript.

redux-connect - Provides decorator for resolving async props in react-router, extremely useful for handling server-side rendering in React

  •    Javascript

How do you usually request data and store it to redux state? You create actions that do async jobs to load data, create reducer to save this data to redux state, then connect data to your component or container. Usually it's very similar routine tasks.

react-form-builder - A complete react form builder that interfaces with a json endpoint to load and save generated forms

  •    Javascript

Now that a form is built and saved, let's generate it from the saved json. Read only signatures allow you to use a saved/canned signature to be placed into the form. The signature will be passed in through the variables property to ReactFormGenerator and ReactFormBuilder.