Skip to content

Instantly share code, notes, and snippets.

View prasanna1211's full-sized avatar

prasanna1211

9 followers · 7 following
View GitHub Profile
@prasanna1211
prasanna1211 / 1.js
Created January 25, 2018 06:31
```
// in your root reducer import { combineReducers } from 'redux';
import { reducer } from 'redux-form';
export default combineReducers({
form: reducer, // form Reducer which has all details about form.
// ...other reducers });
```
@prasanna1211
prasanna1211 / form-lib-in-react-1.md
Created January 25, 2018 06:34 
// in your root reducer 
import { combineReducers } from 'redux'; 
import { reducer } from 'redux-form'; 
export default combineReducers({ 
form: reducer, // form Reducer which has all details about form. 
// ...other reducers });
@prasanna1211
prasanna1211 / form-lib-in-react-2.md
Last active January 25, 2018 06:44 
// React component
import React, { Component } from 'react'; 
import { Form } from 'formsy-react'; 
class ExampleForm extends Component { 
  constructor() { 
    this.state = { canSubmit: false, }; 
    this.enableSubmit = this.enableSubmit.bind(this); 
    this.disableSubmit = this.disableSubmit.bind(this); 
    this.submitValues = this.submitValues.bind(this);
@prasanna1211
prasanna1211 / form-lib-3.md
Created January 25, 2018 06:51 
import React from 'react'; 
import { reduxForm } from 'redux-form'; 
const ExampleForm = ({ invalid, submitting, reset }) => { 
  const handleSubmit = (values) => { 
    console.log(values); // ...code to submit values 
   }; 
  return ( 
    <form onSubmit={handleSubmit}>
@prasanna1211
prasanna1211 / form-lib-4.md
Last active January 25, 2018 07:02 
/* render part of building component */ 
render() { 
  return ( 
    <div> 
      <label htmlForm={this.props.name}>
        {label}
      </label> 
      
 {/* general props */}
@prasanna1211
prasanna1211 / form-lib-5.md
Created January 25, 2018 07:05 
/* return part */ 
const CustomInput = ({ label, input, meta, ...props }) => ( 
  <div 
    className={`${(meta.error ? 'error' : '')} ${(meta.warning ? 'warning' : '')}`}
   > {
        label && {
          <span>{label}</span>
        }
 }
@prasanna1211
prasanna1211 / form-lib-6.md
Created January 25, 2018 07:07 
/* Inside wrapped form */ 
<CustomInput 
  name="email" 
  validations="isEmail"> 
<CustomInput 
  name="number" 
  validations="isNumeric, isLength:5" 
/>
@prasanna1211
prasanna1211 / form-lib-7.md
Created January 25, 2018 07:09 
/* Inside wrapped form */ 
<CustomInput 
  validationError="Should be an email" 
/>
@prasanna1211
prasanna1211 / form-lib-8.md
Created January 25, 2018 07:11 
/* for defining validation */ 
Formsy.addValidationRule('isPhoneNo', (values, value) => { 
  return validPhoneNoRegExPattern.test(value); // assuming validPhoneNoRegExPattern exists 
});
@prasanna1211
prasanna1211 / form-lib-9.md
Created January 25, 2018 07:12 
const validate = values => { 
  /* returned object has all errors with name of field as key and error message as value */ 
  const errors = {}; 
  if (!values.userName) { 
    errors.userName = 'Please enter User Name'; 
  } // ... rest of conditions return errors; 
} 

const SampleForm = () =&gt; ( // ...sample form markup );