Using Flickity with React

Using Flickity with React

I love using Flickity, it’s great and super easy to use. But… When I started to work with React and need Flickity, things got pretty confusing. So I started to look for a component style library but find nothing effective. And built mine…

Step 1: Install flickity

To install the plugin, use your favorite package manager.

Install flickity via NPM or Yarn

Step 2: Create a file called Slider.js

This file will contain Flickity configurations. You can of course name it as you want but be careful with naming component name and then importing also.


Voilà! You’ve made it! 😍

Step 3: Using in a component


Thanks for reading! 💛