Johnny Ilmo Koo johnnykoo84

## Redux-Form-Semantic-UI-React
// semantic-ui-form.js

import React from 'react';
import PropTypes from 'prop-types';
import { Form, Input } from 'semantic-ui-react';

export default function semanticFormField ({ input, type, label, placeholder, meta: { touched, error, warning }, as: As = Input, ...props }) {
  function handleChange (e, { value }) {
    return input.onChange(value);
  }

## todolist.jsx
import React from 'react';

/*
Todo app structure

TodoApp
	- TodoHeader
	- TodoList
    - TodoListItem #1
		- TodoListItem #2
	// semantic-ui-form.js

	import React from 'react';
	import PropTypes from 'prop-types';
	import { Form, Input } from 'semantic-ui-react';

	export default function semanticFormField ({ input, type, label, placeholder, meta: { touched, error, warning }, as: As = Input, ...props }) {
	function handleChange (e, { value }) {
	return input.onChange(value);
	}
	import React from 'react';

	/*
	Todo app structure

	TodoApp
	- TodoHeader
	- TodoList
	- TodoListItem #1
	- TodoListItem #2