How to use redux-form-website-template - 10 common examples
To help you get started, we’ve selected a few redux-form-website-template examples, based on popular ways it is used in public projects.
Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.
redux-form / redux-form / examples / immutable / src / index.js View on Github 
const ImmutableForm = require('./ImmutableForm').default
const readme = require('./Immutable.md')
const raw = require('!!raw-loader!./ImmutableForm')
const rawValidate = require('!!raw-loader!./validate')
const rawWarn = require('!!raw-loader!./warn')
const rawReducer = require('!!raw-loader!./reducer')
ReactDOM.hydrate(
component only provides the site wrapper.
* Remove it on your dev server if you wish. It will not affect the functionality.
*/
version="8.2.0"
path="/examples/immutable"
breadcrumbs={generateExampleBreadcrumbs(
'immutable',
'Immutable JS Example',
'8.2.0'
)}
>
<div style="{{">
<a style="{{" rel="noopener noreferrer" href="https://codesandbox.io/s/ZVGJQBJMw">
<i> Open in Sandbox
</i></a></div>let render = () => {
const SubmitValidationForm = require('./SubmitValidationForm').default
const readme = require('./SubmitValidation.md')
const raw = require('!!raw-loader!./SubmitValidationForm')
const rawSubmit = require('!!raw-loader!./submit')
ReactDOM.hydrate(
component only provides the site wrapper.
* Remove it on your dev server if you wish. It will not affect the functionality.
*/
version="8.2.0"
path="/examples/submitValidation"
breadcrumbs={generateExampleBreadcrumbs(
'submitValidation',
'Submit Validation Example',
'8.2.0'
)}
>
<div style="{{">
<a style="{{" rel="noopener noreferrer" href="https://codesandbox.io/s/XoA5vXDgA">
<i> Open in Sandbox
</i></a></div>let render = () => {
const ReactWidgetsForm = require('./ReactWidgetsForm').default
const readme = require('./ReactWidgets.md')
const raw = require('!!raw-loader!./ReactWidgetsForm')
ReactDOM.hydrate(
component only provides the site wrapper.
* Remove it on your dev server if you wish. It will not affect the functionality.
*/
version="8.2.0"
path="/examples/react-widgets/"
breadcrumbs={generateExampleBreadcrumbs(
'react-widgets',
'React Widgets Form Example',
'8.2.0'
)}
>
<h2>Form</h2>
<h2>Code</h2>
<h4>ReactWidgetsForm.js</h4>let render = () => {
const FieldLevelValidationForm = require('./FieldLevelValidationForm').default
const readme = require('./FieldLevelValidation.md')
const raw = require('!!raw-loader!./FieldLevelValidationForm')
ReactDOM.hydrate(
component only provides the site wrapper.
* Remove it on your dev server if you wish. It will not affect the functionality.
*/
version="8.2.0"
path="/examples/fieldLevelValidation"
breadcrumbs={generateExampleBreadcrumbs(
'fieldLevelValidation',
'Field-Level Validation Example',
'8.2.0'
)}
>
<div style="{{">
<a style="{{" rel="noopener noreferrer" href="https://codesandbox.io/s/PNQYw1kVy">
<i> Open in Sandbox
</i></a></div>let render = () => {
const SimpleForm = require('./SimpleForm').default
const readme = require('./Simple.md')
const raw = require('!!raw-loader!./SimpleForm')
ReactDOM.render(
component only provides the site wrapper.
* Remove it on your dev server if you wish. It will not affect the functionality.
*/
version="8.2.0"
path="/examples/simple"
breadcrumbs={generateExampleBreadcrumbs(
'simple',
'Simple Form Example',
'8.2.0'
)}
>
<div style="{{">
<a style="{{" rel="noopener noreferrer" href="https://codesandbox.io/s/mZRjw05yp">
<i> Open in Sandbox
</i></a></div>const RemoteSubmitForm = require('./RemoteSubmitForm').default
const RemoteSubmitButton = require('./RemoteSubmitButton').default
const readme = require('./RemoteSubmit.md')
const raw = require('!!raw-loader!./RemoteSubmitForm')
const rawButton = require('!!raw-loader!./RemoteSubmitButton')
const rawSubmit = require('!!raw-loader!./submit')
ReactDOM.hydrate(
component only provides the site wrapper.
* Remove it on your dev server if you wish. It will not affect the functionality.
*/
version="8.2.0"
path="/examples/remoteSubmit"
breadcrumbs={generateExampleBreadcrumbs(
'remoteSubmit',
'Remote Submit Example',
'8.2.0'
)}
>
<div style="{{">
<a style="{{" rel="noopener noreferrer" href="https://codesandbox.io/s/ElYvJR21K">
<i> Open in Sandbox
</i></a></div>let render = () => {
const MaterialUiForm = require('./MaterialUiForm').default
const readme = require('./MaterialUi.md')
const raw = require('!!raw-loader!./MaterialUiForm')
const asyncValidateraw = require('!!raw-loader!./asyncValidate')
ReactDOM.hydrate(
component only provides the site wrapper.
* Remove it on your dev server if you wish. It will not affect the functionality.
*/
version="8.2.0"
path="/examples/material-ui/"
breadcrumbs={generateExampleBreadcrumbs(
'material-ui',
'Material Ui Form Example',
'8.2.0'
)}
>
<div style="{{">
<a style="{{" rel="noopener noreferrer" href="https://codesandbox.io/s/W6YnZm1po">
<i> Open in Sandbox
</i></a></div>let render = () => {
const SyncValidationForm = require('./SyncValidationForm').default
const readme = require('./SyncValidation.md')
const raw = require('!!raw-loader!./SyncValidationForm')
ReactDOM.hydrate(
component only provides the site wrapper.
* Remove it on your dev server if you wish. It will not affect the functionality.
*/
version="8.2.0"
path="/examples/syncValidation"
breadcrumbs={generateExampleBreadcrumbs(
'syncValidation',
'Synchronous Validation Example',
'8.2.0'
)}
>
<div style="{{">
<a style="{{" rel="noopener noreferrer" href="https://codesandbox.io/s/pQj03w7Y6">
<i> Open in Sandbox
</i></a></div>let render = () => {
const SelectingFormValuesForm = require('./SelectingFormValuesForm').default
const readme = require('./SelectingFormValues.md')
const raw = require('!!raw-loader!./SelectingFormValuesForm')
ReactDOM.hydrate(
component only provides the site wrapper.
* Remove it on your dev server if you wish. It will not affect the functionality.
*/
version="8.2.0"
path="/examples/selectingFormValues"
breadcrumbs={generateExampleBreadcrumbs(
'selectingFormValues',
'Selecting Form Values Example',
'8.2.0'
)}
>
<div style="{{">
<a style="{{" rel="noopener noreferrer" href="https://codesandbox.io/s/gJOBWZMRZ">
<i> Open in Sandbox
</i></a></div>let render = () => {
const FieldArraysForm = require('./FieldArraysForm').default
const readme = require('./FieldArrays.md')
const raw = require('!!raw-loader!./FieldArraysForm')
const rawValidate = require('!!raw-loader!./validate')
ReactDOM.hydrate(
component only provides the site wrapper.
* Remove it on your dev server if you wish. It will not affect the functionality.
*/
version="8.2.0"
path="/examples/fieldArrays"
breadcrumbs={generateExampleBreadcrumbs(
'syncValidation',
'Field Arrays Example',
'8.2.0'
)}
>
<div style="{{">
<a style="{{" rel="noopener noreferrer" href="https://codesandbox.io/s/Ww4QG1Wx">
<i> Open in Sandbox
</i></a></div>redux-form-website-template
The template for the redux-form website
