{"library":"react-slick","title":"React Slick Carousel","description":"react-slick is a popular React component that serves as a port of the original jQuery-based `slick-carousel` library. It provides a highly customizable and responsive carousel solution for React applications, abstracting away the underlying jQuery dependency for seamless integration. The current stable version is 0.31.0, with a cadence of regular patch and minor releases addressing bugs and supporting newer React versions. Key differentiators include its extensive feature set inherited from slick-carousel, broad compatibility with React versions (from 0.14.0 up to 19.0.0), and a strong community backing. It requires separate installation and explicit CSS imports from `slick-carousel` for its essential styling and fonts.","language":"javascript","status":"active","last_verified":"Sun Apr 19","install":{"commands":["npm install react-slick"],"cli":null},"imports":["import Slider from 'react-slick';","import 'slick-carousel/slick/slick.css';","import 'slick-carousel/slick/slick-theme.css';"],"auth":{"required":false,"env_vars":[]},"quickstart":{"code":"import React from 'react';\nimport Slider from 'react-slick';\nimport 'slick-carousel/slick/slick.css';\nimport 'slick-carousel/slick/slick-theme.css';\n\nexport default function SimpleSlider() {\n  const settings = {\n    dots: true,\n    infinite: true,\n    speed: 500,\n    slidesToShow: 1,\n    slidesToScroll: 1,\n    autoplay: true,\n    autoplaySpeed: 2000\n  };\n\n  return (\n    <div style={{ width: '80%', margin: '0 auto', padding: '20px 0' }}>\n      <h2> Simple Slider </h2>\n      <Slider {...settings}>\n        <div><h3>1</h3></div>\n        <div><h3>2</h3></div>\n        <div><h3>3</h3></div>\n        <div><h3>4</h3></div>\n        <div><h3>5</h3></div>\n        <div><h3>6</h3></div>\n      </Slider>\n    </div>\n  );\n}","lang":"javascript","description":"Demonstrates a basic carousel setup with responsive behavior, dots, infinite looping, autoplay, and six simple slides, configuring common settings and importing necessary styles.","tag":null,"tag_description":null,"last_tested":null,"results":[]},"compatibility":null}