Merge pull request #65 from havfo/feat/debounce

Update packages and debounce updateDimensions

app/lib/components/Filmstrip.jsx

@@ -2,6 +2,7 @@ import React, { Component } from 'react';
 import PropTypes from 'prop-types';
 import ResizeObserver from 'resize-observer-polyfill';
 import { connect } from 'react-redux';
+import debounce from 'lodash/debounce';
 import classnames from 'classnames';
 import * as stateActions from '../redux/stateActions';
 import Peer from './Peer';
@@ -59,7 +60,7 @@ class Filmstrip extends Component
 		return ratio;
 	};
 
-	updateDimensions = () =>
+	updateDimensions = debounce(() =>
 	{
 		const container = this.activePeerContainer.current;
 
@@ -78,7 +79,7 @@ class Filmstrip extends Component
 				width
 			});
 		}
-	};
+	}, 200);
 
 	componentDidMount()
 	{

app/lib/components/Peers.jsx

@@ -2,6 +2,7 @@ import React from 'react';
 import { connect } from 'react-redux';
 import PropTypes from 'prop-types';
 import classnames from 'classnames';
+import debounce from 'lodash/debounce';
 import * as appPropTypes from './appPropTypes';
 import { Appear } from './transitions';
 import Peer from './Peer';
@@ -23,7 +24,7 @@ class Peers extends React.Component
 		this.peersRef = React.createRef();
 	}
 
-	updateDimensions = () =>
+	updateDimensions = debounce(() =>
 	{
 		if (!this.peersRef.current) 
 		{
@@ -65,7 +66,7 @@ class Peers extends React.Component
 				peerHeight : 0.9 * y
 			});
 		}
-	};
+	}, 200);
 
 	componentDidMount()
 	{