Make an Image Carousel/Slider with React | Beginners Tutorial

[@Code_Complete]

Have questions or feedback? Head over to our Discord server! discord.gg/TWBtv5an7N

[@heyreactjs]

I watch more than 20 videos which are good but your are excellent. You explain in very easy way . Going to create and use it in my site. Thanks alot.

[@emmanoel7683]

This is the easiest and most well explained tutorial ive come across for building an image slider in react

[@sarfarazzuneja5067]

Watched so many carousel video . This is best video for beginners

[@def_coder]

this is the best tutorial I have seen so far. thanks man everything is on point.

[@berkkosal]

Easy to follow, thank you for your efforts. Keep up the good work!

[@yogiyokomizo]

He explained line by line making very easy for beginners to understand. Thanks a lot!

[@lohishra4901]

Excellent, if it also could include transition(animation) sliding from one Image to other it would be awesome

[@MrSOOUNG]

simple and easy to follow. Thank you! :)

[@hercule75]

thanks from France !

[@AjayKasthala]

Nice Work
Looking forward to more such videos

[@Code_Complete]

Thanks a lot, more to come!

[@kaylakenney697]

Great video! Thanks for sharing your knowledge and explaining everything along the way. Super helpful :)

[@lazyhawk533]

Thanks for succinct explanation.

[@alexanderkraemling3293]

Was super helpful, thanks!

[@faycarsons]

Great video! One suggestion - instead of using a ternary to bound the image index, you can use modulo which IMO is a bit more terse and elegant :)

[@vikneshn8386]

On point explanation love your teaching bro ❤

[@Programiranje-zz9yf]

Great Video!

[@danielrondongarcia9905]

Such a perfect video and explanation! Thank you!

[@RameshJobUpdates]

Excellent teaching brother🎉🎉. We want more for freshers

[@Code_Complete]

Thanks a lot! Will work on creating more!

[@matei5054]

7:03 start

[@shouryasetu3526]

Nice one brother

[@Code_Complete]

Thanks ✌️

[@manokaranmanivasakan5141]

Super.... More videos... From Sri Lanka

[@Code_Complete]

Glad you liked it!

[@prashanthchandrasekar1026]

wonderful video😊

[@code-java]

Thank you so much it helped me a lot sir

[@Code_Complete]

Glad it helped!

[@steveloardi7488]

Thanks for tutorial. But how can i add transition when press next or prev?

[@JasurNishonov-wr1bw]

well done

[@hossainabie]

High there sir, thankyou for this awesome tutorial . would you plz tell me how can I add image from my local assets to Carousel/Slider instead fetching them from website?

[@TheerthaMK-q9k]

thank you so much

[@AzizMamadiorov]

very useful

[@vishalsangole836]

You can make video about how to make parallax animation in react, how to toggle animation on perticular scroll position, etc

[@yinkaadeniyi573]

You re very good.

[@ganeshhon8345]

thanks for the video in details , how i can use the same slider for sharepoint site pages as webpart?

[@AlisterFF]

thanks for this tuto

[@anurovguitar]

Нормально рассказал! Спасибо и успехов👍

[@vijayavanikolluru]

Can we implement the same on left and right swipe on the screen or swiping on the trackpad

[@vibhanshupandey2111]

how are the indicator dots appearing exactly, we dont really have anything inside the button...?

[@Th3Younesse]

good job. maybe next time you can add some animation to it using css

[@Code_Complete]

That’s a great idea!

[@itsmevkv8740]

can anyone suggest how can i add autoplay for this, so that image changes for every 2 seconds like that
?

[@Code_Complete]

You can declare a setInterval inside a useEffect when the page first loads and call the nextSlide function every 2000ms developer.mozilla.org/en-US/docs/Web/API/setInterval#examples

[@MythicalSaty]

Hi, Will this approach work on Netflix like carousel ? Where there are multiple thumbnail visible till viewport ends and then it slides on click.

[@mdarifhasan2665]

excilent video

[@ludmillashaddel7196]

thanks

[@ManishVerma-oj5fe]

can we automate this ?

[@vishalsangole836]

Make more something like this

[@Code_Complete]

On it!

[@sabbirhossin2110]

But how to give some transition?

[@cezar_gaming_08]

thanks for source cod

[@paintendo1251]

how if i want to make carousel with local img in react?

[@ParasProgramming123]

what is the difference between App.css and index.css with use why can't there be one css file

[@ElonTusk..]

Subbed.

[@Code_Complete]

Appreciate it!

[@AfonsoFilipeJr]

is this responsive?

[@theonlying_]

Please i am having problems rendering my image

[@Thwaha]

Thanks, Simple and Helpful..