@wcerfgba/react-slick

v0.23.1

React port of slick carousel

NPM

README

GitHub

Website

MIT

Latest version published 2 years ago

    npm install @wcerfgba/react-slick

We couldn't find any similar packages Browse all packages

Package Health Score

66 / 100

Popularity
Small
Maintenance
Inactive
Security
No known security issues
Community
Active

Make sure the open source you're using is safe to use

Secure my Project

Popularity

Small

Weekly Downloads (4)

Dependents: 1.09K
GitHub Stars: 9.13K
Forks: 1.82K
Contributors: 120

The npm package @wcerfgba/react-slick receives a total of 4 downloads a week. As such, we scored @wcerfgba/react-slick popularity level to be Small.

Based on project statistics from the GitHub repository for the npm package @wcerfgba/react-slick, we found that it has been starred 9,130 times, and that 1,094 other projects on the ecosystem are dependent on it.

Downloads are calculated as moving averages for a period of the last 12 months, excluding weekends and known missing data points.

Security

No known security issues

Security and license risk for significant versions

All Versions

Direct Vulnerabilities

0.23.1

Indirect Vulnerabilities

0.23.1

License Risks

0.23.1

All security vulnerabilities belong to production dependencies of direct and indirect packages.

Security Policy: No

You can connect your project's repository to Snyk to stay up to date on security alerts and receive automatic fix pull requests.

We found a way for you to contribute to the project! Looks like @wcerfgba/react-slick is missing a security policy.

    # Install the Snyk CLI and test your project
npm i snyk && snyk test @wcerfgba/react-slick

Fix it in your project with Snyk!

Maintenance

Inactive

Commit Frequency

Open Issues: 256
Merged PR: 223
Open PR: 70
Last Commit: 4 days ago

Further analysis of the maintenance status of @wcerfgba/react-slick based on released npm versions cadence, the repository activity, and other data points determined that its maintenance is Inactive.

An important project maintenance signal to consider for @wcerfgba/react-slick is that it hasn't seen any new versions released to npm in the past 12 months, and could be considered as a discontinued project, or that which receives low attention from its maintainers.

As a healthy sign for on-going project maintenance, we found that the GitHub repository had at least 1 pull request or issue interacted with by the community.

Community

Active

Readme.md: Yes
Contributing.md: No
Code of Conduct: No
Contributors: 120
Funding: Yes
License: MIT

A good and healthy external contribution signal for @wcerfgba/react-slick project, which invites more than one hundred open source maintainers to collaborate on the repository.

We found a way for you to contribute to the project! Looks like @wcerfgba/react-slick is missing a Code of Conduct.

Embed Package Health Score Badge

Package

Node.js Compatibility: not defined

Age: 2 years
Dependencies: 5 Direct / 6 Total
Versions: 2
Install Size: 290 kB
Dist-tags: 1
# of Files: 15
Maintainers: 1
TS Typings: Yes

We detected a total of 6 direct & transitive dependencies for @wcerfgba/react-slick. See the full dependency tree of @wcerfgba/react-slick

@wcerfgba/react-slick has more than a single and default latest tag published for the npm package. This means, there may be other tags available for this package, such as next to indicate future releases, or stable to indicate stable releases.

react-slick

Carousel component built with React. It is a react port of slick carousel

Documentation

Installation

npm

npm install react-slick

yarn

yarn add react-slick

⚠️ Also install slick-carousel for css and font

npm install slick-carousel
@import "~slick-carousel/slick/slick.css";
@import "~slick-carousel/slick/slick-theme.css";

or add cdn link in your html

<link rel="stylesheet" type="text/css" charset="UTF-8" href="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.6.0/slick.min.css" />
<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.6.0/slick-theme.min.css" />

PlayGround

Example

import React from "react";
import Slider from "react-slick";

class SimpleSlider extends React.Component {
  render() {
    var settings = {
      dots: true,
      infinite: true,
      speed: 500,
      slidesToShow: 1,
      slidesToScroll: 1
    };
    return (
      <Slider {...settings}>
        <div>
          <h3>1</h3>
        </div>
        <div>
          <h3>2</h3>
        </div>
        <div>
          <h3>3</h3>
        </div>
        <div>
          <h3>4</h3>
        </div>
        <div>
          <h3>5</h3>
        </div>
        <div>
          <h3>6</h3>
        </div>
      </Slider>
    );
  }
}

Props

For all available props, go here.

Methods

For all available methods, go here

Development

Want to run demos locally

git clone https://github.com/akiran/react-slick
cd react-slick
npm install
npm start
open https://localhost:8080

Contributors

This project exists thanks to all the people who contribute. [Contribute].

Backers

Thank you to all our backers! 🙏 [Become a backer]