Swiper JS — Carousel
As a developer when creating a simple site that needs to showcase a client's business, we have all encountered the carousel.
Recently as I was creating a simple catalog website I found myself scouring the internet to find the simplest and most flexible react library to create a stunning carousel.
Swiper JS is a powerful library that can be added to any project and aid in creating a carousel very quickly.
Advantages of Swiper JS:
1. Demos — The site contains a lot of demos that can fit most project requirements.
2. Availability of source code — Each demo has a link to its source code.
3. Documentations — The documentation is ample and easily guides one on how to create the various carousels;
Note:
When implementing Swiper JS in a react lib use :
The video at the bottom of the page (and below) is a great guide that enables one to go over core concepts quickly.
In order for some feature to work, like the thumbnails gallery, you may need remove the React strict mode as explained below
Happy Coding ☺️
