react-formly - JSON powered forms for react

  •        738

JSON powered forms for react - Currently in alpha state, API subject to change...

https://github.com/kentcdodds/react-formly
https://github.com/formly-js/react-formly

Dependencies:

react : ^0.14.8

Tags
Implementation
License
Platform

   




Related Projects

ngx-formly - JavaScript powered FORMS for Angular 2.x and above

  •    TypeScript

@ngx-formly is an Angular module which has a Components to help customize and render JavaScript/JSON configured forms. The formly-form Component and the FormlyConfig service are very powerful and bring unmatched maintainability to your application's forms.Follow these steps to get started with ng-formly. Also check out our demos for further examples.

angular-formly - JavaScript powered forms for AngularJS

  •    Javascript

angular-formly is an AngularJS module which has a directive to help customize and render JavaScript/JSON configured forms. The formly-form directive and the formlyConfig service are very powerful and bring unmatched maintainability to your application's forms.From there, it's just JavaScript. Allowing for DRY, maintainable, reusable forms.

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.


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.

mobiscroll - Cross platform UI controls for progressive web and hybrid apps (plain JS, jQuery, Angular and React)

  •    CSS

Mobiscroll is a UI library for progressive webapps and hybrid development. Created with a lot of attention to usability and performance. Mobiscroll Forms ships with 15 customizable controls that you can use for free that are included in this repository. Use Forms with the premium products that can be found on the Mobiscroll website. You can use the controls in web and hybrid/native cross-platform apps. At it's core Mobiscroll is framework agnostic, but API variants for jQuery/jQuery Mobile, Angular/Ionic, Angular JS/Ionic 1 and React is available.

unform - ReactJS form library to create uncontrolled form structures with nested fields, validations and much more!

  •    TypeScript

Unform is a performance focused library that helps you creating beautiful forms in React with the power of uncontrolled components performance and React Hooks. Formik/Redux Form has a really great syntax while it has a really poor support to uncontrolled components and deep nested data structures. With unform it's easy to create forms with complex relationships without losing performance.

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

  •    TypeScript

A form input builder and validator for React. christianalfoni wrote an article on forms and validation with React, Nailing that validation with React JS, the result of that was this library.

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.

react-dart - Dart Bindings for React JS

  •    Javascript

If you are not familiar with the ReactJS library, read this react tutorial first. In a .html file where Include the native javascript react and react_dom libraries (provided with this library for compatibility reasons) within your .html file, and add an element with an id to mount your React component into.

react-controllables - Easily create controllable components

  •    Javascript

If you've worked with forms in ReactJS, you're probably familiar with the idea of controlled and uncontrolled components. Put simply, controlled components have their state controlled by another component whereas uncontrolled components manage their own state. It turns out that this idea can be really useful for custom components too. Everything is fine until one day when the designer of your site decides to add another component to the page that also changes the selected tab. Now you've got a problem: you need to hoist the state to a higher level so it can be shared between the two components.

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.

formsy-material-ui - A Formsy compatibility wrapper for Material-UI form components

  •    TypeScript

This package is currently under active restoration after a long hiatus, and all help is appreciated, especially MUI users. This library is a wrapper for Material-UI form components to allow them to be used with formsy-react, a form validation component for React 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.

react-redux-form - Create forms easily in React with Redux.

  •    Javascript

React Redux Form is a collection of reducer creators and action creators that make implementing even the most complex and custom forms with React and Redux simple and performant. That's all you need. Seriously. Read the Documentation for more information.

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.

google-map-react - Google map library for react that allows rendering components as markers :tada:

  •    Javascript

google-map-react is a component written over a small set of the Google Maps API. It allows you to render any React component on the Google Map. It is fully isomorphic and can render on a server. Additionally, it can render map components in the browser even if the Google Maps API is not loaded. It uses an internal, tweakable hover algorithm - every object on the map can be hovered. The development of this package is sponsored by Atlist. Atlist is a no-code tool for creating custom maps with multiple markers.






We have large collection of open source products. Follow the tags from Tag Cloud >>


Open source products are scattered around the web. Please provide information about the open source projects you own / you use. Add Projects.