Create Product slider or carousel with React.js | React.js Tutorial
In the current modern world of web development there are so much features and sections to add to websites. One of those features is 'carousel'.
Sometimes you'd be asked by your client to add a carousel/product slider to their website or even you would want to add to your own projects.
building a carousel may take time and give headache during the process. Thanks to the community behind 'React JS' and 'npm' to make a beautiful and functional carousel for us.
Learn how to implement this amazing library in your projects in this video.
Timestamps:
00:00 Intro
00:30 Install react multi carousel
01:44 Import react multi carousel library
03:50 Design Product card
07:22 Create Product component
08:46 Explain responsive object
11:43 Create productData array
14:07 Map over productData array
15:20 send data through props
18:23 Create data.js
20:30 Add some features to carousel
________________________________
GitHub link of this project ?:
https://github.com/MuhammadFRZN/react-multi-carousel
________________________________
My GitHub ?:
https://github.com/MuhammadFRZN
My gaming channel ?:
https://www.youtube.com/channel/UCRoM...
My Dribbble profile ?:
https://dribbble.com/MuhammadFRZN
My Instagram ?:
https://www.instagram.com/muhammadfar...
My Twitter ?:
https://twitter.com/frzn_hydari
________________________________
Who is MFH (Muhammad Farzan Haydari)?
A web developer, UI/UX and graphic designer who is bachelor in computer science. I have to mention that I learned UI/UX and graphic designing all by my self (you can call me self taught UI/UX and graphic designer).
Что делает видео по-настоящему запоминающимся? Наверное, та самая атмосфера, которая заставляет забыть о времени. Когда вы заходите на RUVIDEO, чтобы посмотреть онлайн «Create Product slider or carousel with React.js | React.js Tutorial», вы рассчитываете на нечто большее, чем просто загрузку плеера. И мы это понимаем. Контент такого уровня заслуживает того, чтобы его смотрели в HD 1080, без дрожания картинки и бесконечного буферизации.
Честно говоря, Rutube сегодня — это кладезь уникальных находок, которые часто теряются в общем шуме. Мы же вытаскиваем на поверхность самое интересное. Будь то динамичный экшн, глубокий разбор темы от любимого автора или просто уютное видео для настроения — всё это доступно здесь бесплатно и без лишних формальностей. Никаких «заполните анкету, чтобы продолжить». Только вы, ваш экран и качественный поток.
Если вас зацепило это видео, не забудьте взглянуть на похожие материалы в блоке справа. Мы откалибровали наши алгоритмы так, чтобы они подбирали контент не просто «по тегам», а по настроению и смыслу. Ведь в конечном итоге, онлайн-кинотеатр — это не склад файлов, а место, где каждый вечер можно найти свою историю. Приятного вам отдыха на RUVIDEO!
Видео взято из открытых источников Rutube. Если вы правообладатель, обратитесь к первоисточнику.