title: How to handle complex form with React
body: <p>What is the React way of handling a complex form (with or without redux)? I would like to port an application that has a form/document with nested data model and finding it hard to find an example.</p>
  
  <p>Simplified data model:</p>
  
  <pre><code>var model = {
      name: {
          first: 'Firstname',
          last: 'Lastname'
      },
      age: 25,
      hobbies: [{
          name: 'fising',
          medals: [{
              name: 'Gold medal',
              year: 2000
          }]
      }, {
          name: 'sleeping',
          medals: [{
              name: 'Gold medal',
              year: 2000
          }, {
              name: 'Gold medal',
              year: 2014
          }]
      }],
      education: [{
          school: 'School 1',
          year: 2000
      }, {
          school: 'School 2',
          year: 2010
      }]
  }
  </code></pre>
  
  <p>Example using angularjs - <a href="http://jsfiddle.net/HB7LU/30964/" rel="nofollow noreferrer">http://jsfiddle.net/HB7LU/30964/</a></p>