React Product Image And Thumbnail Slider | ReactJS SASS | Swiper

React Product Image And Thumbnail Slider | ReactJS SASS | Swiper
In this video, we are going to make product images and thumbnail slider in ReactJS.
Don't forget to click the like button and share the video with your friends if you found the video useful.
Make sure to SUBSCRIBE for more AWESOME videos like this!
🔴 TIMESTAMP
00:00 - Demo
00:16 - Setup project
02:37 - Make slider
🔴 CONTACT
Facebook: / trananh2001
Github: github.com/trananhtuat
🔴 SOURCE CODE
github.com/trananhtuat/react-...
🔴 REFERENCE
- Create react app: create-react-app.dev/
- SASS: sass-lang.com/
- Boxicons: boxicons.com/
- Google font: fonts.google.com/
🔴 MORE AWESOME VIDEOS
/ tuattrananh
--------------------------
#tuattrananh #ReactJS #SASS #Animated #3d #3dAnimation #Animation #ReactNavigation #Sidebar #AnimatedSidebar #ReactSidebar #AdminDashboard #adminpanel #reactadmin #HTML #CSS #JavaScript #SCSS #React

[@guidoigualadogui]

Swiper is great. Thanks 🎉

[@abdessamade6995]

great video

[@thebigger2739]

hay quá b ơi. mong video tiếp theo b có thể làm về pagination

[@tinvo5369]

coi video anh em học được nhiều kiến thức, cảm ơn anh!

[@tuattrananh]

💯💯💯💯

[@printerpro5184]

thanks working 😍

[@hoannguyenvan1595]

Anh ơi, anh làm video về React typescript được không ạ? Video của anh chất lượng quá

[@user-pg1ed3jw1p]

Thanks !!!

[@DiamondDavid55]

Hi vọng video có tiếng bạn giải thích các dòng code để giúp những người trái ngành như mình dễ hiểu hơn. Cảm ơn bạn. Chúc kênh ngày càng phát triển

[@tuattrananh]

❤❤❤❤

[@Frazful]

🐐🐐🐐

[@nguyenvinh185]

làm thế nào để 2 cái button prev và next là 2 cái mũi tên như của anh vậy, của em nó ra chũ prev với next

[@xcode28]

oder cái hero slide mà bao giờ mới có đây anh ưi :)))

[@khanghuynh5190]

Hay qúa anh ơi mà em mới học javascipt cơ bản à ko hiểu lắm anh có thể cho em xin códe tham khảo ko ạ 🥰😘

[@pascuajoven1]

TypeError: Object.assign requires that input parameter not be null or undefined, I got this error when using "onSwiper={setActiveThumb}"
... Everything was working ok until that, could you please help me?

[@amangwari]

Did you get the solution of this... problem...please help

[@sreebhavananese4813]

Will it work if I upload video also along with product images

[@tuattrananh]

you will need some code to render video instead of img

[@levicarlos2947]

TypeError: Cannot convert undefined or null to object
I got this error when using "onSwiper={setActiveThumb}"
Any help??

[@sammydaily]

Did you define const [activeThumb, setActiveThumb] = useState(null)?

[@NhatNguyen-zg6il]

thumbs={{ swiper: thumbsSwiper && !thumbsSwiper.destroyed ? thumbsSwiper : null}} try this bro

[@elnurqasmov8926]

@@NhatNguyen-zg6il You are best bro

[@gouravnainwaya5669]

Brother plZZ make react native😅

[@ThinhNguyen-zb6rv]

Slider có bắt được sự kiện ấn mũi tên sang trái hoặc sang phải không anh

[@tuattrananh]

có nha

[@Artyom783]

Responsive?