Add localStorage prop

[mxstbr]

I've found myself going on stage, starting my presentation in front of my crowd and all of my code slides being at the wrong location because their state was stored to localStorage.

I can't think of a reason I'd want to keep the state of the slides between practice runs and the real deal, so I've added a prop to disable that behaviour. (localStorage, with the default being the current behaviour)

[mxstbr]

If I missed something and we need this to be stored during the current session (maybe some re-render?) could we switch to sessionStorage? That way I don't get the old state when presenting for realz.

[jamiebuilds]

Without local storage the presenter doesn't stay in sync. The real solution is to send messages somehow instead.

[mxstbr]

Ohh that's what it's for! That makes sense, hmm...

[elijahmanor]

@mxstbr You could try adding a localStorage.clear() in your Presentation class constructor. That'll clear out the storage on a full page load or refresh. If you are in presentation mode and do a page refresh, they'll get back in sync on the next action on either tab. There is probably a better way to do this, but for now it is my current setup.

export default class Presentation extends React.Component {
  constructor(props) {
    super(props);
    localStorage.clear();
  }
  render() { /* ... */ }
}