score:3
I know this isn't ideal but react-slick seems to be unmaintained for a few months already (and it also has performance issues: https://github.com/akiran/react-slick/issues/1274, which haven't been addressed by the maintainer).
I would try to replace it with another carousel component and see if the performance improves. I picked this one as I have used it before and it seems to be maintained better than react-slick: https://github.com/express-labs/pure-react-carousel
This one is another library I have used before - https://github.com/leandrowd/react-responsive-carousel but it hasn't been updated in a few months so I cannot recommend it at the moment.
Source: stackoverflow.com
Related Query
- react-slick causing the whole page to hang
- React seems to be escaping HTML before rendering in the browser causing it to appear as code in the page
- React - scrolling to the bottom of a flex container without scrolling the whole page
- React js-How to prevent page reload once click on the link. Right now the whole page is getting refresh on clicking the link
- How to make React page render only change component instead of the whole page?
- Block React Suspense to cover the whole page
- How to take screenshot of a particular div in react js ? I have used "use-screenshot-hook" package but it is taking the screenshot of whole page
- Is there a way in react to make the whole page not editable until a button click?
- What is the best way to redirect a page using React Router?
- Next.js + React Go back to the previous page
- How to make the whole Card component clickable in Material UI using React JS?
- How to prevent react from re-rendering the whole component?
- React page keep footer at the bottom of the page
- React rendering SVG overwrites other SVGs on the page
- How to use react-router 4.0 to refresh current route? not reload the whole page
- React generated button on my form keeps refreshing the page
- React + Webpack HMR is refreshing the page (not hot loading)
- Hitting Back button in React app doesn't reload the page
- React countup animation starts immediately after the page loading , should start when scrolled to the component (without jquery)
- Scroll page to the nested React component on a button click
- Is there a way to tell when your react app page is done loading the page / assets?
- How to implement the OAuth2 Authorization code grant with PKCE for a React single page application?
- React Link doesn't refresh the page
- How to avoid re-rendering the whole List instead of adding the new item to the DOM list in react JS?
- Does React always check the whole tree?
- Load third party iframe in React after page load, so that the iframe does not affect PageSpeed score
- How to handle exit app in one screen not in the whole app - React Native?
- Reload the page gets 404 error using React Router
- React - Material-UI Modal causing an error with the tabindex
- React Router - Stay at the same page after refresh
More Query from same tag
- Why does the server return MIME type of 'text/html' when I import React?
- How to solve port already in use error in NextJS
- Uncaught ReferenceError: Link is not defined React
- React-Redux - rank counter table
- React Native - Force ListView Re-render when data has not changed
- How to dynamically create a React component based on url param?
- NextJS url not working after getting exported
- How do getStaticPaths and getStaticProps work together?
- How to have a separated js file that handles the API calls in Reactjs
- How do I trigger a real error in Socket.io?
- How to clear redux state once the user visit another route?
- Updating DOM element requires a listner in React JS
- :NOT selector in css is not working in my case
- I have a weird issue with react-modal
- Custom Drag Preview for touch screens with [dnd-multi-backend] or [TouchBackend]+[HTML5Backend]+[Modernizr]?
- How to Solve Error in giving variable to the async function?
- Passing a prop to a child created after component mounts
- Flask webserver with React client and RestFull API
- Why is my dynamic title not working in next js
- How to use props in helper functions in React
- Rails + React + real time validations
- React: Dispatch not firing on route change
- How to add a button in infowindow with google-maps-react?
- Carousel React Fluent UI does not render properly when have more than 8 thumbnails
- React: Cannot read property 'method()' of undefined when method is bound
- Unhandled Rejection (TypeError): appUser is not iterable
- create-react-app use custom service worker without ejecting
- react-typeahead: Get the id of the element selected
- Component loses data from states on reload
- bind(this) confusion in reactjs