Idea: exporting wrapped components

[oreqizer]

The flow would then become:

import { WrappedTextField } from 'redux-form-material-ui';

const MyForm = props =>
  <form onSubmit={props.handleSubmit}>
    <Field
      name="username"
      component={WrappedTextField}
      floatingLabelText="Username"
    />
  </form>;

export default reduxForm({
  form: 'myForm',
})(MyForm);

This allows for a better tree shaking with webpack2, is more explicit and less error prone in my opinion (no string component matching).

[erikras]

Those are good arguments against the "adapter" API, which was somewhat conceived in a late night coding binge. How about naming?

WrappedTextField

ReduxFormTextField / RfTextField

or just...

import { RadioButtonGroup, TextField } from 'redux-form-material-ui';
import  { RadioButton } from 'material-ui';

[oreqizer]

I would simply name it the way material-ui has it. Less overhead to keep in mind, and I don't think it would confuse anyone if they keep their form and field usage consistent (meaning they stick to redux-form and material-ui).

I will create a PR once I'll have some free time if you don't mind

[erikras]

To be clear, you're voting for Option 3?

import { RadioButtonGroup, TextField } from 'redux-form-material-ui';
import  { RadioButton } from 'material-ui';

[oreqizer]

yep

[erikras]

Great suggestion. Released as v2.0.0.