set store layout

src/App.tsx

@@ -1,13 +1,12 @@
 import React, { FC } from 'react';
 
 import Router from './Router';
-import { Header } from './components/Header';
+import { Layout } from './components/layout';
 
 const App: FC = () => (
-  <>
+  <Layout>
-    <Header />
     <Router />
-  </>
+  </Layout>
 );
 
 export default App;

src/components/layout.tsx

@@ -0,0 +1,11 @@
+import React from 'react';
+import { FC } from 'react';
+
+import { Header } from './Header';
+
+export const Layout: FC = ({ children }) => (
+  <div>
+    <Header />
+    {children}
+  </div>
+);

src/containers/home/TodoList.tsx

@@ -1,11 +1,12 @@
-import React, { FC } from 'react';
+import React, { FC, memo } from 'react';
+
 import Todo from '../../core/models/todo';
 
 interface Props {
   todos: Todo[];
 }
 
-export const TodoList: FC<Props> = ({ todos }) => (
+const TodoList: FC<Props> = ({ todos }) => (
   <div>
     <ul>
       {todos.map((todo) => (
@@ -16,3 +17,5 @@ export const TodoList: FC<Props> = ({ todos }) => (
     </ul>
   </div>
 );
+
+export default memo(TodoList);

src/containers/home/index.tsx

@@ -1,28 +1,26 @@
 import React, { FC } from 'react';
 
-import { TodoList } from './TodoList';
+import TodoList from './TodoList';
 import { Button } from '../../components/button';
+import { Container } from '../../components/container';
 
 import Todo from '../../core/models/todo';
 import { listTodos } from '../../core/services/todo';
-import { Container } from '../../components/container';
 
 export const Home: FC = () => {
   const todos: Todo[] = listTodos();
 
   return (
-    <div>
+    <Container>
       <h1>Your tasks</h1>
       <p>Hi there!</p>
       <TodoList todos={todos} />
-      <Container>
+      <Button primary onClick={() => console.log('Clicked Normal Button')}>
-        <Button primary onClick={() => console.log('Clicked Normal Button')}>
+        Normal Button
-          Normal Button
+      </Button>
-        </Button>
+      <Button primary onClick={() => console.log('Clicked Primary Button')}>
-        <Button primary onClick={() => console.log('Clicked Primary Button')}>
+        Primary Button
-          Primary Button
+      </Button>
-        </Button>
+    </Container>
-      </Container>
-    </div>
   );
 };

src/core/store/index.ts

@@ -0,0 +1 @@
+// init redux here