Add scu to avoid unnecessary rerenders on large pages

brianlovin · brianlovin · commit 51db8e334a5c · 2018-07-28T12:57:33.000-07:00
diff --git a/components/PodcastView/index.js b/components/PodcastView/index.js
@@ -17,9 +17,14 @@ type Props = {
 }
 
 class PodcastView extends React.Component<Props> {
+  shouldComponentUpdate(nextProps: Props) {
+    const curr = this.props
+    if (curr.podcast !== nextProps.podcast) return true
+    return false
+  }
+
   render() {
     const { podcast, episodes } = this.props
-
     return (
       <Grid data-cy="podcast-view">
 
diff --git a/components/PodcastsGrid/index.js b/components/PodcastsGrid/index.js
@@ -9,9 +9,13 @@ type Props = {
 }
 
 class PodcastsGrid extends React.Component<Props> {
+  shouldComponentUpdate(nextProps: Props) {
+    const curr = this.props
+    if (curr.podcasts !== nextProps.podcasts) return true
+    return false
+  }
   render() {
     const { podcasts } = this.props
-    
     return (
       <Container>
         <Grid>
diff --git a/pages/index.js b/pages/index.js
@@ -27,7 +27,6 @@ class Index extends React.Component<Props> {
 
   render() {
     const { podcasts } = this.props
-
     return (
       <Page dataCy={'home-view'}>
         <Head>
