content: import React, { Component } from 'react';
  import './App.css';
  
  import Slider from './components/Slider';
  import Roster from './components/Roster';
  import Bio from './components/Bio';
  
  import observerManu from './utils/observer'
  
  class App extends Component {
    constructor(){
      super()
      this.state ={
        id: 0,
        focusedChar: 0
      }
  
      this.eventHandler = (newState) => {
        this.setState(newState);
      } 
    }
  
    componentDidMount(){
      observerManu.addObserver("changeFocus", this.eventHandler);
    }
  
    render () {
      return (
        <div className='App'>
          <Slider />
          <Roster />
          <Bio params={({id:this.state.id})} />
        </div>
      )
    }
  }
  export default App;