First working example with all Redux components

.vimrc

@@ -0,0 +1,2 @@
+let g:ctrlp_working_path_mode = 'a'
+let g:ctrlp_user_command = 'cd %s && git ls-files -co --exclude-standard'

indi-lite-frontend/.vimrc

@@ -0,0 +1,2 @@
+let g:ctrlp_working_path_mode = 'a'
+let g:ctrlp_user_command = 'cd %s && git ls-files -co --exclude-standard'

indi-lite-frontend/src/components/App.js

@@ -1,12 +1,13 @@
 import React, { Component } from 'react';
 import './App.css';
-import SequencesList from './SequencesList';
+import VisibleSequences from '../containers/VisibleSequences';
 
 class App extends Component {
   render() {
     return (
       <div className="App">
-        <SequencesList />
+        <p>Hello, React!</p>
+        <VisibleSequences />
       </div>
     );
   }

indi-lite-frontend/src/components/SequencesList.js

@@ -1,12 +1,12 @@
 import React from 'react';
 
 
-const SequencesList = ({sequences}) => {
+const SequencesList = ({sequences}) => (
     <ul>
         {sequences.map(sequence => (
         <p>{sequence.name}</p>
         ))}
     </ul>
-}
+)
 
 export default SequencesList;

indi-lite-frontend/src/containers/VisibleSequences.js

@@ -0,0 +1,34 @@
+import { connect } from 'react-redux'
+import SequencesList from '../components/SequencesList'
+
+const getVisibleSequences = (sequences) => {
+  return sequences;
+/*  switch (filter) {
+    case 'SHOW_ALL':
+      return todos
+    case 'SHOW_COMPLETED':
+      return todos.filter(t => t.completed)
+    case 'SHOW_ACTIVE':
+      return todos.filter(t => !t.completed)
+  }
+*/
+}
+
+const mapStateToProps = state => {
+  return {
+    sequences: getVisibleSequences(state.sequences)
+  }
+}
+
+const mapDispatchToProps = dispatch => {
+  return {
+  }
+}
+
+const VisibleSequences = connect(
+  mapStateToProps,
+  mapDispatchToProps
+)(SequencesList)
+
+export default VisibleSequences
+