joyent-portal/spikes/form/redux-form
JUDIT GRESKOVITS 51fd97ec7c Update redux form proxy and Input to include Proxy functionality in Input component 2017-01-06 15:17:08 +00:00
..
client Update redux form proxy and Input to include Proxy functionality in Input component 2017-01-06 15:17:08 +00:00
server Add redux-form spike: one page form, multi page form, validation, errors 2017-01-05 18:07:29 +00:00
static Add redux-form spike: one page form, multi page form, validation, errors 2017-01-05 18:07:29 +00:00
.babelrc Add redux-form spike: one page form, multi page form, validation, errors 2017-01-05 18:07:29 +00:00
.eslintignore Add redux-form spike: one page form, multi page form, validation, errors 2017-01-05 18:07:29 +00:00
.eslintrc Add redux-form spike: one page form, multi page form, validation, errors 2017-01-05 18:07:29 +00:00
.gitignore Add redux-form spike: one page form, multi page form, validation, errors 2017-01-05 18:07:29 +00:00
package.json Add functionality to transform props from redux-form to ui form components 2017-01-06 12:51:33 +00:00
readme.md Update readme.md 2017-01-06 11:31:16 +00:00
webpack.config.js Add redux-form spike: one page form, multi page form, validation, errors 2017-01-05 18:07:29 +00:00
yarn.lock Add redux-form spike: one page form, multi page form, validation, errors 2017-01-05 18:07:29 +00:00

readme.md

redux-form

summary

  • form values in redux store
  • clear / retain values in store
  • pre-populate form
  • validation on field / form level
  • multi page form
  • custom form components
  • requires updates to existing ui components as props to custom components are passed in the following format:

"props": { "input": "value": "", "name": "", "onChange": "", "onFocus": "", ... }, "meta": { "valid": "", "error": "", ... }, "anyOtherPropsOnField": "", ... }

  • explore proxying props from Field to custom components from above shape to a flat form as expected by custom components
  • consider creating component that handles logic and display of label and error which would be reused by form components to avoid code duplication for this functionality