- memoize all components

- implement metadata context

src/pages/404.js

@@ -1,5 +1,5 @@
 import { navigate } from 'gatsby';
-import { useEffect } from 'react';
+import { memo, useEffect } from 'react';
 
 const NotFound = () => {
   useEffect(() => {
@@ -9,4 +9,4 @@ const NotFound = () => {
   return null;
 };
 
-export default NotFound;
+export default memo(NotFound);

src/pages/app.js

@@ -1,5 +1,5 @@
 import { Redirect, Router } from '@reach/router';
-import React from 'react';
+import React, { memo } from 'react';
 import PrivateRoute from '../components/router/PrivateRoute';
 import Wrapper from '../components/shared/Wrapper';
 import NotFound from './404';
@@ -16,4 +16,4 @@ const App = () => (
     </Router>
   </Wrapper>
 );
-export default App;
+export default memo(App);

src/pages/app/builder.js

@@ -1,5 +1,5 @@
 import { navigate } from 'gatsby';
-import React, { useContext, useEffect, useMemo, useState } from 'react';
+import React, { memo, useContext, useEffect, useMemo, useState } from 'react';
 import { toast } from 'react-toastify';
 import Artboard from '../../components/builder/center/Artboard';
 import LeftSidebar from '../../components/builder/left/LeftSidebar';
@@ -51,4 +51,4 @@ const Builder = ({ id }) => {
   }, [loading]);
 };
 
-export default Builder;
+export default memo(Builder);

src/pages/app/dashboard.js

@@ -1,5 +1,5 @@
 import firebase from 'gatsby-plugin-firebase';
-import React, { useEffect, useState } from 'react';
+import React, { memo, useEffect, useState } from 'react';
 import { Helmet } from 'react-helmet';
 import CreateResume from '../../components/dashboard/CreateResume';
 import ResumePreview from '../../components/dashboard/ResumePreview';
@@ -58,4 +58,4 @@ const Dashboard = ({ user }) => {
   );
 };
 
-export default Dashboard;
+export default memo(Dashboard);

src/pages/index.js

@@ -1,4 +1,4 @@
-import React from 'react';
+import React, { memo } from 'react';
 import { Helmet } from 'react-helmet';
 import Hero from '../components/landing/Hero';
 import Wrapper from '../components/shared/Wrapper';
@@ -68,4 +68,4 @@ const Feature = ({ title, children }) => {
   );
 };
 
-export default Home;
+export default memo(Home);