After many years of being tied to 3rd party React versions of SwiperJS the official team has now created its own version of SwiperJS for React. In this tutorial I will explain how to use it.
Find source code here:
https://github.com/valnub/swiper-react-demo
Follow me on Twitter:
https://www.twitter.com/timo_ernst
Hi timo…
thanks for video
how we can use lazy load image in swiper js in react?
swiper js documantion not usefull for me !
Hi amin,
can you try this?
import { Swiper, Lazy } from 'swiper'; Swiper.use([Lazy]); export default () => { return ( <Swiper lazy> <SwiperSlide>Slide 1</SwiperSlide> <SwiperSlide>Slide 2</SwiperSlide> <SwiperSlide>Slide 3</SwiperSlide> <SwiperSlide>Slide 4</SwiperSlide> </Swiper> ); };