Part-3 | Function Based Component, CSS Styling & Props | Build A Image Gallery With ReactJS

This is my ReactJS tutorial series for absolute beginner so If anything went wrong please let me know in the comments section. Here I made a Image Gallery with ReactJS in my previous videos I made some tutorial on web design, gimp and inkscape if you want to learn more you can check out my youtube channel.

⌚Timestamp 0:00 Component and Props 1:05 Arrow Function 1:40 Top and Bottom Bar 2:36 SVG icon setup 3:10 On Click Action 3:35 Large Image Setup 4:38 Export component 3:33 Import Component in Another Component 4:33 Using Imported Component 4:47 CSS file for out site

🔷🔷 React.js shoping cart - https://www.youtube.com/watch?v=YuBjOrxHcbo&list=PLDbgPtNOy-yCDw99-5JcyR00uykMpUuzQ 🔷🔷 Playlist - https://www.youtube.com/watch?v=KeOE9ZkuRdk&list=PLDbgPtNOy-yA7FtvN2sHQZzIEn-hF2O7n 🔷🔷 React.js tab with cdn - https://www.youtube.com/watch?v=Vg1gPVEZgAc&list=PLDbgPtNOy-yCDw99-5JcyR00uykMpUuzQ&index=2 🔷🔷 React.js on codepen - https://www.youtube.com/watch?v=54w93V04X4g&list=PLDbgPtNOy-yCDw99-5JcyR00uykMpUuzQ&index=4 👩🏾‍💻👨🏾‍💻 Get source code: https://theamazinglesson.blogspot.com/2020/03/react-js-image-gallery.html

#reactjs #frontend #reactwebsite

⭕ Learn Fullstack development ⭕ ✔Front-end development Web ui ux design - https://www.youtube.com/watch?v=vA_Qpf4M0rY&list=PLDbgPtNOy-yBNEwvjMAYeU1aqFjrxUPmm Html css basic for beginner - https://www.youtube.com/watch?v=m5o5Xdxcbts&list=PLDbgPtNOy-yAaKcrlojz06JvAzBlujTE6 CSS Framework project - https://www.youtube.com/watch?v=MPN1IbGKHYI&list=PLDbgPtNOy-yCiZ3XOpXIgxaR4CPKQNbdn Sass for beginner - https://www.youtube.com/watch?v=k6zxrWD7-iE&list=PLDbgPtNOy-yDsPJhu1UrlxjjPzFkwojXL React.js beginner to pro - https://www.youtube.com/watch?v=YuBjOrxHcbo&list=PLDbgPtNOy-yCDw99-5JcyR00uykMpUuzQ ✔Back-end development Php crud operation - https://www.youtube.com/watch?v=RJC5JoiY9P8&list=PLDbgPtNOy-yAyOBky7o8teLBF8lbOff-Y PHP PDO - https://www.youtube.com/watch?v=Rqe9lD2qTMU&list=PLDbgPtNOy-yCfzARhO8c3iFFKA96Iq2O1 Node.js crud operation - https://www.youtube.com/watch?v=5DJ-bPpx0kU&list=PLDbgPtNOy-yDcJPbMZYm6mzWlbcEx12Qn Node.js authentication - https://www.youtube.com/watch?v=cQkDcoGGa9E&list=PLDbgPtNOy-yAW1Qyc9qxD1llyqU-DTIvo

⭕ Learn more ⭕ Linux for beginner 🏹 https://www.youtube.com/watch?v=bNCFOKBw7uI&list=PLDbgPtNOy-yDpwoY2JnRZRgKFQvPo4Ap9 Gimp Photoshop Photo Manipulation - https://www.youtube.com/watch?v=yjJqtrtoqks&list=PLDbgPtNOy-yBnaIFgp8WLOJsiOyeQkIUg Libre Office Calc - https://www.youtube.com/watch?v=olRhd-ZN_d0&list=PLDbgPtNOy-yBdXkAiWpECMlPr6aSwRJm2 Vector Graphics - https://www.youtube.com/watch?v=WPzsEgBcapY&list=PLDbgPtNOy-yC1i5tYbjrOFmjspmnpn10v

🔶🔷 FOLLOW ME 🔶🔷 https://twitter.com/shayon_md?lang=en https://www.facebook.co ... https://www.youtube.com/watch?v=t4LxKAEspA0