Making use of AppLayout in our App.js component

App.js

import React, {Component} from 'react';
import {Home} from './containers/Home/Home';
import {AppLayout} from './components/AppLayout/AppLayout';

class App extends Component {
  render() {
    return (
      <AppLayout>
        <Home/>
      </AppLayout>
    );
  }
}

export default App;

Home.js

import React from 'react';
import './Home.scss';
import {VideoGrid} from '../../components/VideoGrid/VideoGrid';
import {SideBar} from '../SideBar/SideBar';

export class Home extends React.Component {
  render() {
    return (
      <React.Fragment>
        <SideBar/>
        <div className='home'>
          <VideoGrid title='Trending'/>
          <VideoGrid title='Autos & Vehicles' hideDivider={true}/>
        </div>
      </React.Fragment>
    );
  }
}