feat(project): add root component

src/App.tsx

@@ -1,15 +1,29 @@
-import React from 'react';
-
-import Slider from './containers/Slider'
+import React, { Component } from 'react';
+import { BrowserRouter as Router } from 'react-router-dom';
 
+import Root from './components/Root/Root';
 import './styles/main.scss';
 
-function App () {
-  return (
-    <div className="App">
-      <Slider />
-    </div>
-  );
+interface State {
+  error: Error | null;
+}
+
+class App extends Component<State> {
+  public state: State = {
+    error: null,
+  };
+
+  componentDidCatch(error: Error) {
+    this.setState({ error });
+  }
+
+  render() {
+    return (
+      <Router>
+        <Root error={this.state.error} />
+      </Router>
+    );
+  }
 }
 
 export default App;

src/components/Root/Root.tsx

@@ -0,0 +1,31 @@
+import React, { FC } from 'react';
+import { Route, Switch } from 'react-router-dom';
+
+// import styles from './Root.module.scss';
+
+const Home = () => {
+  return <span>Home</span>;
+};
+
+const PlaylistScreen = () => {
+  return <span>PlaylistScreen</span>;
+};
+
+interface RootProps {
+  error: Error | null;
+}
+
+const Root: FC<RootProps> = ({ error }: RootProps) => {
+  if (error) {
+    return <span>{error}</span>;
+  }
+
+  return (
+    <Switch>
+      <Route path="/" component={Home} exact />
+      <Route path="/p/:id" component={PlaylistScreen} exact />
+    </Switch>
+  );
+};
+
+export default Root;