kylebuildsstuff

import React from 'react';
import { reduxForm } from 'redux-form';

import FormComponent from './form.component';

export const FormContainer = ({ handleSubmit }) => {
  const submitForm = (formValues) => {
    console.log('submitting Form: ', formValues);
  }

kylebuildsstuff

import React from 'react';
import { reduxForm } from 'redux-form';

import FormComponent from './form.component';

export const FormContainer = props => {
  console.log('props: ', props);
  return (
    <FormComponent
    />

kylebuildsstuff

import React from 'react';
import { reduxForm } from 'redux-form';

import FormComponent from './form.component';

export const FormContainer = props => {
  return (
    <FormComponent />
  );
}

kylebuildsstuff

import React, { Component } from 'react';

class FormContainer extends Component {
  render() {
    return (
      <div>
        a what whAT
      </div>
    );
  }

kylebuildsstuff

import { combineReducers } from 'redux';
import { reducer as formReducer } from 'redux-form';

export default function createReducer(extraReducerObjects = {}) {
  return combineReducers({
    form: formReducer,
    ...extraReducerObjects
  });
}

kylebuildsstuff

import { createStore, applyMiddleware, compose } from 'redux';
import createReducer from './reducers';

const composeEnhancers =
  typeof window === 'object' &&
  (window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__
    ? window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__
    : compose);

export function configureStore() {

kylebuildsstuff

import React from 'react';
import ReactDOM from 'react-dom';
import { Provider } from 'react-redux';

import FormContainer from './modules/form/form.container';
import configureStore from './store';

const store = configureStore();

ReactDOM.render(

kylebuildsstuff

import React from 'react';

export const Text = props => {

  return (
    <div className="mv4 w-100">
      <div className="b sans-serif pv2 w-100">
        {props.label}
      </div>
      <input

kylebuildsstuff

import { required } from './form.validators'
…
  <Field
          name="firstName"
          label="First Named"
          component={Text}
          validate={required}
        />
...

kylebuildsstuff

// validate : (value, allValues, props) => error [optional] #

export const required = (value) => {
  if (!value) {
    return 'This field is required!'
  }
};