annonomize function components

src/components/App.js

@@ -1,9 +1,9 @@
 import React from 'react';
 import { BrowserRouter as Router, Route } from 'react-router-dom';
-import Home from './components/Home';
-import Header from './components/Header';
+import Home from './Home';
+import Header from './Header';
 
-const App = () => {
+export default () => {
   return (
     <div className='App'>
       <Header />
@@ -13,5 +13,3 @@ const App = () => {
     </div>
   );
 };
-
-export default App;

src/components/Channel/ChannelEntry.js

@@ -1,7 +1,7 @@
 import React from 'react';
 import ChannelList from './ChannelList';
 
-const ChannelEntry = props => {
+export default props => {
   const { clients, channel } = props;
   const joined = [];
   if (channel.totalClients > 0) {
@@ -26,5 +26,3 @@ const ChannelEntry = props => {
     </>
   );
 };
-
-export default ChannelEntry;

src/components/Channel/ChannelList.js

@@ -2,7 +2,7 @@ import React from 'react';
 
 import ChannelEntry from './ChannelEntry';
 
-const ChannelList = ({ channels, clients }) => {
+export default ({ channels, clients }) => {
   return (
     <ul className='channelList'>
       {channels.map(channel => {
@@ -15,5 +15,3 @@ const ChannelList = ({ channels, clients }) => {
     </ul>
   );
 };
-
-export default ChannelList;

src/components/Channel/ChannelView.js

@@ -1,6 +1,6 @@
 import React from 'react';
 
-const ChannelView = ({ channel }) => {
+export default ({ channel }) => {
   return (
     <div className='channel-view'>
       <h2>{channel.name}</h2>
@@ -24,5 +24,3 @@ const ChannelView = ({ channel }) => {
     </div>
   );
 };
-
-export default ChannelView;

src/components/Header.js

@@ -1,7 +1,5 @@
 import React from 'react';
 
-const Header = () => {
+export default () => {
   return <div className='app-header'>Cliffbreak.de</div>;
 };
-
-export default Header;

src/components/Home.js

@@ -1,12 +1,10 @@
-import React, { Component } from 'react';
+import React from 'react';
 import Channels from './Channel/Channels';
 
-export default class Home extends Component {
-  render() {
-    return (
-      <div>
-        <Channels />
-      </div>
-    );
-  }
-}
+export default () => {
+  return (
+    <div>
+      <Channels />
+    </div>
+  );
+};

src/index.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import ReactDOM from 'react-dom';
-import App from './App';
+import App from './components/App';
 import './index.scss';
 import * as serviceWorker from './serviceWorker';