title: how can i do prevent to all component re-render?
body: <pre><code>import { useEffect, useState } from &quot;react&quot;;
  import { useSelector, useDispatch } from &quot;react-redux&quot;;
  import { fetchMovies } from &quot;../../feautures/movies/moviesSlice&quot;;
  
  import { BiLeftArrow, BiRightArrow } from &quot;react-icons/bi&quot;;
  
  import Card from &quot;../Card/Card&quot;;
  import Slider from &quot;../UI/Slider/Slider&quot;;
  import Navigation from &quot;../Navigations/Navigation&quot;;
  
  import &quot;./MoviesList.scss&quot;;
  import request from &quot;../../requests&quot;;
  
  const MoviesList = () =&gt; {
    const dispatch = useDispatch();
  
    // Current Page
    const [currentPage, setCurrentPage] = useState(1);
  
    // Handle movies states
    const moviesStatus = useSelector((state) =&gt; state.movies.status);
    const moviesState = useSelector((state) =&gt; state.movies.movies);
    const moviesError = useSelector((state) =&gt; state.movies.error);
    const moviesHeading = useSelector((state) =&gt; state.movies.moviesHeading); // It's for pagination
  
    // Handle header input
    const inputValue = useSelector((state) =&gt; state.movies.inputValue);
  
  
    // Movies according input values
    const filteredMovie = moviesState.filter((movie) =&gt;
      movie.original_title.toLowerCase().includes(inputValue)
    );
  
    // Handle page number
    const handlePageNumber = (nexPage) =&gt; {
      setCurrentPage(page =&gt; Math.max(1, Math.min(page + nexPage, 10)))
     
    };
  
    // Handle pagination
    useEffect(() =&gt; {
      console.log(&quot;sayfa&quot;)
      if (moviesHeading === &quot;POPULAR&quot;) {
        dispatch(fetchMovies(request.fetchPopular(currentPage)));
      } else if (moviesHeading === &quot;NOW PLAYING&quot;) {
        dispatch(fetchMovies(request.fetchPopular(currentPage)));
      } else if (moviesHeading === &quot;UP COMING&quot;) {
        dispatch(fetchMovies(request.fetchUpComing(currentPage)));
      } 
      
    }, [currentPage, dispatch, moviesHeading]);
  
    // Reset current page number
    const resetPageNumber = () =&gt; {
      setCurrentPage(1);
    }
  
    useEffect(() =&gt; {
      resetPageNumber()
    },[moviesHeading])
  
  
   
  
    useEffect(() =&gt; {
      if (moviesStatus === &quot;idle&quot;) {
        dispatch(fetchMovies(request.fetchPopular()));
      }
    }, [dispatch, moviesStatus]);
  
    let content;
  
    if (moviesStatus === &quot;loading&quot;) {
      &lt;div&gt;selamlar&lt;/div&gt;;
    } else if (moviesStatus === &quot;succeeced&quot;) {
      content = (
        &lt;div className=&quot;movies__container&quot;&gt;
          &lt;BiLeftArrow
            className=&quot;movies__arrow movies__arrow--left&quot;
            onClick={() =&gt; {
              handlePageNumber(-1)
            }}
          /&gt;
          {filteredMovie.map((movie) =&gt; {
            return &lt;Card movie={movie} key={movie.id} /&gt;;
          })}
          &lt;BiRightArrow
            className=&quot;movies__arrow movies__arrow--right&quot;
            onClick={() =&gt; {
              handlePageNumber(1)
            }}
          /&gt;
        &lt;/div&gt;
      );
    } else if (moviesStatus === &quot;failed&quot;) {
      content = &lt;div&gt;{moviesError}&lt;/div&gt;;
    }
  
    return (
      &lt;div className=&quot;movies&quot;&gt;
        &lt;Slider /&gt;
        &lt;div className=&quot;movies__heading&quot;&gt;{moviesHeading}&lt;/div&gt;
        &lt;Navigation /&gt;
        {content}
      &lt;/div&gt;
    );
  };
  
  export default MoviesList
  </code></pre>
  <p>Hello guys have a good day.I try to make movies website with react-redux.But when i click buttons(POPULAR or UP COMING or NOW PLAYING) or left or right arrow click to change page i want to change only <code>.movies__container</code> container but all component re-render.What can i do for prevent that ? For examaple when i clicked to right arrow button i dont want to <code>&lt;Slider&gt;</code> component re-render.If you see something absurd in my code can you let me know so I can fix it.</p>