React Ecommerce Website #20: Dynamic Images Functionality in One Click 🔥

Welcome, to React Ecommerce Website Tutorial in Hindi. In today's video, we will see how to implement Dynamic Images Functionality in One Click 🔥 in Single Product Page🔥🔥 in react eCommerce website in Hindi.

😊 Become Member, get access to perks, free Source code, & more..

-------------- TIMILINE--------------
0:00 Introduction
1:00 Image Component Style
1:55 Make Images UI
2:50 Imgease API Data
3:20 Images Mapping
5:05 Main Center Image Logic
7:30 How to handle click event
11:15 Make CSS Fixed
13:00 Let Hit 5Lakh Subs

************* 😍 Must Watch Videos For Web Development 😍 *************

[nouman-ejaz]

Thapa Technical is very Hardworker Youtuber, Developer & Awesome Boy LOVE FROM PAKISTAN

[subhanghani]

First and foremost, thank you for teaching us ReactJS - your dedication to our education is greatly appreciated. That being said, there's one thing that's been bothering me about the playlist: every time we need to retrieve the styled component CSS from GitHub, which can be quite frustrating. In light of this, I think it would be beneficial if you could show the CSS directly in the video, allowing us to pause and copy it by typing. This would also give us an opportunity to improve our CSS skills. Thank you for considering this suggestion!

[DanishAli-uwgw]

Bhai please start admin dashboard after frontend....
Use admin instead of API

[muhammadshahzaib]

Awosome sir, I love your teaching style 👌👌👌👌

[prasenjitata]

sir, other question>1....make a web page and open mobile browser. then mobile browser automatically horijantal position.
2.... how make a browser full screen mode

[mysteriousbillionaire]

Excellent, I had the same exact problem which you helped me solve.

[technical.legend]

Bhai don't worry, abhi views kaam hai but apko long term mei paka fayda hoga...

[MindfulMusicBox]

getting undefined, in the video, you have solved it. Could you explain why or what was the reason behind getting undefined?

[rahmathirshad]

Vinod bhai, mera motivation lose horaha haiii sirf 20 videos tak aakar hi... aapku kitna time laga tha ye pura e-commerce project prepare and ready karne ke liye ???

[ashutoshtrivedi]

4:34 adding box-image--style what type of css use to arrange images vertically

[frontendTutorials]

bar bar "Cannot read properties of undefined (reading 'map')" aa rha hai, , , website chal jati h... fr jaise hi next day ya thode time baad fr se code run karte hai to same error

[alamshaikh]

Sir, Please Push This Changes I need That CSS

[AshirvadiNathDwivedi]

Thapa Bhai home page iPhone ka price 60, 000 hai aur detail page me 6, 000 ho gya hai ye kaise ho sakta hai?

[Deepak-txrw]

I want to know which open Source Reporting tools for Next-JS application to create pdf report in different
format like pivot, group, sub group wise, tabular. I am creating inventory web site using NextJS and
Django Rest API. when user save the
record and click on print button I will print invoice. Month wise sales form the year in pivot format.
Date wise sales report in month in pivot format. I just check Crystal Report is best for C# application.
Please advice me the open source reporting tools like Crystal Report.

[pritishmendhekar]

Sir please make a video on dynamic meta tags with dynamic og images using react

[Gaurav-ulrl]

Thapa Bhai. Single product page mai. Ham jab dusre images pe click karte hai. Image change ho rha hai, but right side mai uske related content bhi change kase kare.

[outletshelssy]

Muchas gracias por compartir tu conocimiento

[kartiksagar]

Return k andar <wrapper> k badle fragment bhi use kar sakte hai?

[ashiqmohamed]

Could you please explain why it shows undefined?

[ashishkhatri]

Bro plz include pop up offers like Diwali special offer.Like when we click it we will be directed to all the Diwali required items.