Home and VideoPreview component skeleton

App.js

import React, {Component} from 'react';
import HeaderNav from './containers/HeaderNav/HeaderNav';
import {SideBar} from './containers/SideBar/SideBar';
import {Home} from './containers/Home/Home';
import './Home.scss';

class App extends Component {
  render() {
    return (
      <React.Fragment>
        <HeaderNav/>
        <SideBar/>
        <Home/>
      </React.Fragment>
    );
  }
}

export default App;

Home.js

import React from 'react';
import {VideoPreview} from '../../components/VideoPreview/VideoPreview';

export class Home extends React.Component {
  render() {
    return (
      <VideoPreview/>
    )
  }
}

VideoPreview.js

import React from 'react';
import './VideoPreview.scss';

export class VideoPreview extends React.Component {
  render() {
    return (
      <div>This is must a VideoPreview placeholder</div>
    );
  }
}