React Image Slider with Swiper JS from scratch

Awesome! thanks, Now you can make a swiper with more swipers per view? and without errors..

thank you so much for this, really appreciate the details and intuition!

Cool. Thank you. you really helped me

Amazing tutorial, thanks

Great Content. Thanks.
I have a problem though;
I get this error: "TypeError: Cannot read properties of undefined (reading 'init')"
the error refers to this line: swiper.navigation.init()

lol, you're fun! great tutor, man. keep it up 🍻

The arrows still doesn’t work for me when I added the onInit

All developers derserve to have sass

This is amazing! But what if I want to use React icons instead of images? How can we achieve this?

Thanks for this illustration man, it has helped in the project i'm building

Thanks, You saved me

why does home.module.scss not working

Thank for explaining how to customize the arrows. I was going crazy trying to figure that out smh. I was very close to making it work then I threw away my code hahaha. Imma try it again today

Why don’t you use image component from next?

Thanks

This was a v good explanation. Answered some of my questions.

How is this working without importing React from 'react'; ?
Also, is there any reason the navigation arrows aren't showing up at all and the slides aren't transitioning automatically?

WoW 😘😘😘 thanks a bunch. Great video.

Does this work for videos to?

Thanks for the tutorial, you have a github for this?

For those of you looking at this and wondering why not the css imports are working. For swiper ^8.3.2, the imports in a Create-React-App project work this way ->

import 'swiper/swiper-bundle.css'
import 'swiper/modules/navigation/navigation.min.css'
import 'swiper/modules/pagination/pagination.min.css'
import 'swiper/modules/scrollbar/scrollbar.min.css'

great video 👍

that was perfect explain

I was struggling with creating a carousel for quite some time and couldn't get it done. You just fixed my problem in under 20 minutes. Great video man and thank you!

how about the pagination ?

Major thanks to you! This video saved me from one big headache! I didn't understand Swiper was built all modular-like. Once you explained that I got my slideshow to work. U are a lifesaver!

Wait... this guy has just over a hundred subscribers?
with how excellently you make this tutorials?
This is like the first tutorial I have ever come across where I have coded along as was taught and ended up with the exact same results as in the tutorial without errors.

Hey bro u deserve much more subscribers and views , keep the great work❤👌

bro you are a life savior

Very good explanation man 👍

when I deploy to a host, the url in the background-image: url(/path/myimg...) doesn't work, nextjs changes the url on deploying and my css sends notfound :(

Great tutorial, i know your channel will blow up soon !!!

Very educational and wonderful channel, thanks for sharing. thanks Subbed and liked. a fellow creator,,