Added react structures for notes and tasks

static/react/kanban-app/app/components/Notes.jsx

@@ -0,0 +1,26 @@
+import React from 'react';
+
+import uuid from 'uuid';
+
+const notes = [
+  {
+    id: uuid.v4(),
+    task: 'Implement other data structures'
+  },
+  {
+    id: uuid.v4(),
+    task: 'Use test data from other sources'
+  },
+  {
+    id: uuid.v4(),
+    task: 'Finish the kanban implementation'
+  }
+];
+
+console.log(notes);
+
+export default () => (
+  <ul>{notes.map(note =>
+    <li key={note.id}>{note.task}</li>
+  )}</ul>
+)

static/react/kanban-app/app/index.jsx

@@ -1,11 +1,13 @@
 import React from 'react';
 import ReactDOM from 'react-dom';
 
+import Notes from './components/Notes';
+
 if(process.env.NODE_ENV !== 'production') {
   React.Perf = require('react-addons-perf');
 }
 
 ReactDOM.render(
-  <div>Hello world</div>,
+  <Notes />,
   document.getElementById('app')
 );