vite-test-carousel v1.1.2

React + TypeScript + Vite

This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.

Currently, two official plugins are available:

• @vitejs/plugin-react uses Babel for Fast Refresh
• @vitejs/plugin-react-swc uses SWC for Fast Refresh

Vite Test Carousel

vite-test-carousel is a react library for a draggable slider carousel,

Installation

• yarn add vite-test-carousel OR, npm install vite-test-carousel
• import the package using : import { SwipeCarousel } from "vite-test-carousel"
• also import its css file using : import "vite-test-carousel/dist/style.css"
• And use the component as shown in the example below:

import "vite-test-carousel/dist/style.css";
import { SwipeCarousel } from "vite-test-carousel";

function App() {
  return (
      <SwipeCarousel />
  );
}

export default App;

Expanding the ESLint configuration

If you are developing a production application, we recommend updating the configuration to enable type aware lint rules:

• Configure the top-level parserOptions property like this:

export default {
  // other rules...
  parserOptions: {
    ecmaVersion: "latest",
    sourceType: "module",
    project: ["./tsconfig.json", "./tsconfig.node.json"],
    tsconfigRootDir: __dirname,
  },
};

• Replace plugin:@typescript-eslint/recommended to plugin:@typescript-eslint/recommended-type-checked or plugin:@typescript-eslint/strict-type-checked
• Optionally add plugin:@typescript-eslint/stylistic-type-checked
• Install eslint-plugin-react and add plugin:react/recommended & plugin:react/jsx-runtime to the extends list