React Slider - 2 - Autoplay With useEffect & useRef React Hooks
In the second part of the React Image Slider series, we add the ability to cycle through the slider without user interaction. We do so by passing a prop of autoPlay, and by using React Hooks useEffect and useRef to set an interval in our component.
This video will dive a little bit deeper into how you can customize useEffect for specific scenarios. I'll cover how the dependency array works, and how to clean up your useEffect calls when your React component will unmount from the DOM.
I'm quite confident that once you finish, you'll better understand how to implement React Hooks in your own code.
Links
--------
Repository:
https://github.com/DZuz14/react-hooks-image-slider
React Hooks Documentation:
https://reactjs.org/docs/hooks-intro.html
Emotion CSS in JS:
https://emotion.sh/docs/introduction
Prettier Code Formatter:
https://prettier.io/
Medium Article:
https://medium.com/@ItsMeDannyZ/react-hooks-slider-how-to-build-an-image-slider-with-autoplay-part-2-c94deaf763c4
Follow Me On Github:
https://github.com/DZuz14
Follow Me On Twitter:
https://twitter.com/ItsMeDannyZ
Что делает видео по-настоящему запоминающимся? Наверное, та самая атмосфера, которая заставляет забыть о времени. Когда вы заходите на RUVIDEO, чтобы посмотреть онлайн «React Slider - 2 - Autoplay With useEffect & useRef React Hooks», вы рассчитываете на нечто большее, чем просто загрузку плеера. И мы это понимаем. Контент такого уровня заслуживает того, чтобы его смотрели в HD 1080, без дрожания картинки и бесконечного буферизации.
Честно говоря, Rutube сегодня — это кладезь уникальных находок, которые часто теряются в общем шуме. Мы же вытаскиваем на поверхность самое интересное. Будь то динамичный экшн, глубокий разбор темы от любимого автора или просто уютное видео для настроения — всё это доступно здесь бесплатно и без лишних формальностей. Никаких «заполните анкету, чтобы продолжить». Только вы, ваш экран и качественный поток.
Если вас зацепило это видео, не забудьте взглянуть на похожие материалы в блоке справа. Мы откалибровали наши алгоритмы так, чтобы они подбирали контент не просто «по тегам», а по настроению и смыслу. Ведь в конечном итоге, онлайн-кинотеатр — это не склад файлов, а место, где каждый вечер можно найти свою историю. Приятного вам отдыха на RUVIDEO!
Видео взято из открытых источников Rutube. Если вы правообладатель, обратитесь к первоисточнику.