React - How To Create 3 Levels Of React Image Sliders - Beginner, Intermediate, Expert

Discover React Mastery: From Essential Concepts to Advanced Hooks, Master React Development with Real-World Projects and Boost Your Skills in Record Time!

4.0 (0)

12 learners

What you'll learn

Understand the fundamental concepts of React, including components and hooks.
Differentiate between React state and props and their respective uses.
Build and enhance web applications using React, including implementing features like infinite scrolling and currency conversion.
Apply React best practices to optimize application performance and debugging processes.

This course includes

43.3 hours of video
Certificate of completion
Access on mobile and TV

Summary

Keywords

webdevsimplified react image carousel react image slider image slider image carousel reactjs image carousel reactjs image reactjs image slider

Full Transcript

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

Continue this lesson in the app

Install CourseHive on Android or iOS to keep learning while you move.

Welcome