React Simplified Course: https://reactsimplified.com/?utm_source=youtube&utm_medium=video-description&utm_campaign=video-id-Kx8XlKRBZx8

Image sliders and carousels are incredibly popular on the web but 99% of tutorials do them wrong. In this video I will show you three different ways to build an image slider from beginner to intermediate to expert. By the end of this video you will have an image slider that is better than any other image slider.

Also, I want to note I am not at all an accessibility expert. I am still quite junior when it comes to advanced accessibility features so if I missed something related to accessibility please let me know in the comments.


Materials/References:

React Simplified Course: https://reactsimplified.com/?utm_source=youtube&utm_medium=video-description&utm_campaign=video-id-Kx8XlKRBZx8
GitHub Code: https://github.com/WebDevSimplified/react-image-slider
CSS unset Property Video: https://youtu.be/N8tFrMZp_wA?si=KIrDZwqY1o8t9RpI&t=480
CSS unset Property Article: https://blog.webdevsimplified.com/2021-05/initial-inherit-revert-unset/
Skip Link Video: https://youtu.be/VUR0I5mqq7I


Find Me Here:

My Blog: https://blog.webdevsimplified.com
My Courses: https://courses.webdevsimplified.com
Patreon: https://www.patreon.com/WebDevSimplified
Twitter: https://twitter.com/DevSimplified
Discord: https://discord.gg/7StTjnR
GitHub: https://github.com/WebDevSimplified
CodePen: https://codepen.io/WebDevSimplified


⏱️ Timestamps:

00:00 - Introduction
01:02 - Image Slider #1
11:52 - Image Slider #2
21:51 - Image Slider #3


#ImageSlider #WDS #ReactJS