forms.md

Bookmarks tagged [forms]

^{www.codever.land/bookmarks/t/forms}

Updating Angular 2 Forms with patchValue or setValue

^{https://ultimatecourses.com/blog/angular-2-form-controls-patch-value-set-value}

Setting model values in Angular (v2+) can be done in a few different ways, however with reactive forms things are extremely easy to do with the new form APIs. In this post we’ll dig a little deeper as...

• tags: angular, forms
• source code

---

Reactive Forms in Angular: Dynamically Creating Form Fields With FormArray

^{https://alligator.io/angular/reactive-forms-formarray-dynamic-fields/}

So you have a form and would like to add form fields dynamically from a response to a user event? It’s easy to do with Reactive Forms and FormArray. FormArray is a bit like FormGroup and it’s used in ...

• tags: angular, forms

---

Using Angular Forms with Async Data - Angular

^{https://coryrylan.com/blog/using-angular-forms-with-async-data}

Most single page apps deal with asynchronous API calls in conjunction with user input in some way. Often it’s not clear how or what the best practices are when dealing with async data and forms togeth...

• 📆 published on: 2018-01-28
• tags: angular, forms, async
• source code

---

Reducing the forms boilerplate — make your Angular forms reusable

^{https://medium.com/angular-in-depth/reducing-the-forms-boilerplate-make-your-angular-forms-reusable-...}

Reduce the forms boilerplate by creating reusable custom forms controls with the ControlValueAccessor interface. Learn how to create reusable forms, subforms and how to leverage the DI to make everyth...

• 📆 published on: 2019-07-06
• tags: angular, forms
• source code

---

Marking Required Fields in Forms

^{https://www.nngroup.com/articles/required-fields/}

Using an asterisk to mark required fields is an easy way to improve the usability of your forms. Only marking optional fields makes it difficult for people to fill out the form.

• 📆 published on: 2019-06-16
• tags: user-experience, user-interface, forms

---

React Forms

^{http://facebook.github.io/react/docs/forms.html}

• tags: reactjs, forms

---

react-formal - Better form validation and value management for React, Provides minimal wiring

^{https://github.com/jquense/react-formal}

Sophisticated HTML form management for React. Contribute to jquense/react-formal development by creating an account on GitHub.

• tags: reactjs, forms
• source code

---

react-forms - Forms library for React

^{https://github.com/prometheusresearch/react-forms}

Forms library for React. Contribute to prometheusresearch/react-forms development by creating an account on GitHub.

• tags: reactjs, forms
• source code

---

valuelink - full-featured two-way data binding with extended React links

^{https://github.com/Volicon/valuelink}

Callback-free React forms with painless validation. - VoliJS/NestedLink

• tags: reactjs, forms
• source code

---

wingspan-forms - A dynamic form library for Facebook React

^{https://github.com/wingspan/wingspan-forms}

A dynamic form library for Facebook React, providing abstractions for building dynamic forms and controlled grids. Widgets provided by Telerik's KendoUI. - wingspan/wingspan-forms

• tags: reactjs, forms
• source code

---

newforms - Isomorphic form-handling for React

^{https://github.com/insin/newforms}

Isomorphic form-handling for React. Contribute to insin/newforms development by creating an account on GitHub.

• tags: reactjs, forms
• source code

---

formjs - A form generator for Reactjs

^{https://github.com/zackify/formjs}

A form generator for Reactjs "Alpachajs for React" Open the inspector on the demo page: - zackify/formjs

• tags: reactjs, forms
• source code

---

react-form-builder - A Form Builder for React.js

^{https://github.com/quri/react-form-builder}

A Form Builder for React.js (deprecated). Contribute to quri/react-form-builder development by creating an account on GitHub.

• tags: reactjs, forms
• source code

---

plexus-form - A dynamic form component for react using JSON-Schema

^{https://github.com/AppliedMathematicsANU/plexus-form}

A dynamic form component for react using JSON-Schema. - AppliedMathematicsANU/plexus-form

• tags: reactjs, forms
• source code

---

tcomb-form - UI library for developing forms writing less code

^{https://github.com/gcanti/tcomb-form}

Forms library for react. Contribute to gcanti/tcomb-form development by creating an account on GitHub.

• tags: reactjs, forms
• source code

---

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

^{https://github.com/christianalfoni/formsy-react}

A form input builder and validator for React JS. Contribute to christianalfoni/formsy-react development by creating an account on GitHub.

• tags: reactjs, forms
• source code

---

Learn Raw React: Ridiculously Simple Forms

^{http://jamesknelson.com/learn-raw-react-ridiculously-simple-forms/}

• tags: reactjs, forms

---

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

^{https://github.com/andrewhathaway/Winterfell}

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

• tags: reactjs, forms
• source code

---

Redux-Autoform - Create Redux-Forms dynamically out of metadata

^{https://github.com/redux-autoform/redux-autoform}

Create Redux-Forms dynamically out of metadata. Contribute to redux-autoform/redux-autoform development by creating an account on GitHub.

• tags: reactjs, forms
• source code

---

uniforms - Bunch of React components and helpers to easily generate and validate forms

^{https://github.com/vazco/uniforms}

Bunch of React components and helpers to easily generate and validate forms. - vazco/uniforms

• tags: reactjs, forms
• source code

---

formik - Forms in React, without tears

^{https://github.com/jaredpalmer/formik}

Build forms in React, without the tears 😭 . Contribute to jaredpalmer/formik development by creating an account on GitHub.

• tags: reactjs, forms
• source code

---

NeoForm – Modular HOCs for form state management and validation

^{https://github.com/zero-plus-x/neoform}

✅ React form state management and validation - zero-plus-x/neoform

• tags: reactjs, forms
• source code

---

react-jsonschema-form – A React component for building Web forms from JSON Schema

^{https://github.com/mozilla-services/react-jsonschema-form}

A React component for building Web forms from JSON Schema. - mozilla-services/react-jsonschema-form

• tags: reactjs, forms
• source code

---

List View Select - A Toggleable select box for React Native with native components

^{https://github.com/JamesWatling/react-native-list-view-select}

List View Select is a designed to behave like a traditional <select> element in traditional HTML but with native components. - JamesWatling/react-native-list-view-select

• tags: reactjs, forms
• source code

---

Final Form 🏁

^{https://github.com/final-form/react-final-form}

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

• tags: reactjs, forms
• source code

---

formland - A simple, super-flexible, extensible config based form generator

^{https://github.com/indix/formland}

A simple, super-flexible, extensible config based form generator for React. - indix/formland

• tags: reactjs, forms
• source code

---

react-reactive-form - Angular like reactive forms in React

^{https://github.com/bietkul/react-reactive-form}

Angular like reactive forms in React. Contribute to bietkul/react-reactive-form development by creating an account on GitHub.

• tags: reactjs, forms
• source code

---

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

^{https://github.com/Rocketseat/unform}

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

• tags: reactjs, forms
• source code

---

bind

^{https://github.com/robfig/bind}

Bind form data to any Go values.

• tags: go, forms
• source code

---

binding

^{https://github.com/mholt/binding}

Binds form and JSON data from net/http Request to struct.

• tags: go, forms
• source code

---

conform

^{https://github.com/leebenson/conform}

Keeps user input in check. Trims, sanitizes & scrubs data based on struct tags.

• tags: go, forms
• source code

---

form

^{https://github.com/go-playground/form}

Decodes url.Values into Go value(s) and Encodes Go value(s) into url.Values. Dual Array and Full map support.

• tags: go, forms
• source code

---

formam

^{https://github.com/monoculum/formam}

decode form's values into a struct.

• tags: go, forms
• source code

---

forms

^{https://github.com/albrow/forms}

Framework-agnostic library for parsing and validating form/JSON data which supports multipart forms and files.

• tags: go, forms
• source code

---

gorilla/csrf

^{https://github.com/gorilla/csrf}

CSRF protection for Go web applications & services.

• tags: go, forms
• source code

---

nosurf

^{https://github.com/justinas/nosurf}

CSRF protection middleware for Go.

• tags: go, forms
• source code

---

Deform

^{https://github.com/Pylons/deform}

Python HTML form generation library influenced by the formish form generation library.

• tags: python, forms
• source code

---

django-bootstrap3

^{https://github.com/dyve/django-bootstrap3}

Bootstrap 3 integration with Django.

• tags: python, forms
• source code

---

django-bootstrap4

^{https://github.com/zostera/django-bootstrap4}

Bootstrap 4 integration with Django.

• tags: python, forms
• source code

---

django-crispy-forms

^{https://github.com/django-crispy-forms/django-crispy-forms}

A Django app which lets you create beautiful forms in a very elegant and DRY way.

• tags: python, forms
• source code

---

django-remote-forms

^{https://github.com/WiserTogether/django-remote-forms}

A platform independent Django form serializer.

• tags: python, forms
• source code

---

WTForms

^{https://github.com/wtforms/wtforms}

A flexible forms validation and rendering library.

• tags: python, forms
• source code

---