Summary
Keywords
Full Transcript
Welcome Guys, Today in this video we are going to learn about React Fragment in React JS. What are React Fragments? React Fragments allow you to wrap or group multiple elements without adding an extra node to the DOM. This can be useful when rendering multiple child elements/components in a single parent component. In the previous video, we had used div tag to wrap multiple elements, This workaround works for most cases, but sometimes adding an extra DOM element is not feasible. The solution is reacted fragment that allows you to wrap multiple elements without adding an extra DOM element and it has syntactic sugar form as using an empty tag (). Visit reactjs playlist:https://www.youtube.com/playlist?list=PLwGdqUZWnOp3aROg4wypcRhZqJG3ajZWJ --------- Timeline ----------- 00:00 Introduction 00:20 What we had learnt in previous video? 00:40 Why there is need of react fragment? 03:32 Using react fragment 05:41 Syntactic sugar form of react fragment 06:13 Conclusion 06:40 Outro ************* Must Watch Videos For Web Development ************* ➡️ ReactJS Tutorial in Hindi 2020 Playlist Link: https://www.youtube.com/playlist?list=PLwGdqUZWnOp3aROg4wypcRhZqJG3ajZWJ ➡️ Install VS Code for ReactJS LINK: https://www.thapatechnical.com/2020/05/install-reactjs-windows-install-nodejs.html ➡️ Check Complete Reactjs in One video here 👇 https://youtu.be/43IbFDSVdB0 ➡️ HTML in One Video: https://youtu.be/pN7BFLfSjFw ➡️ CSS in One video: https://youtu.be/hkQv0NIxKQY ➡️ CSS FlexBox in 30 Minutes: https://youtu.be/6L-PAmZajfA ➡️ JavaScript in One video: https://youtu.be/PODgPW-hbfU ➡️ ECMAScript 6 in One Video: https://youtu.be/Iek4DtRobLA ➡️ HTML5 in one video: https://youtu.be/4V0-YpO-KZo ➡️ CSS3 in one video: https://youtu.be/TFrFx7H5ZI8 ➡️ Bootstrap4 in One video: https://youtu.be/yZnNnvXO8HI ➡️ Jquery in One video: https://youtu.be/PNvyPEQ0y-I ➡️ JSON in one video: https://youtu.be/bMqevPKAPD4 ➡️ ReactJS in one video: https://youtu.be/43IbFDSVdB0 ➡️ PHP in One Video: https://youtu.be/3024Kc6SDJ0 ➡️ NodeJS in one video: https://youtu.be/ipnWAKoiBt ➡️ MySQL in one video: https://youtu.be/5bFxbwjN-Gk *********** CLICK HERE TO WATCH ************* ➡️ Advanced JavaScript in Hindi Playlist: https://www.youtube.com/playlist?list=PLwGdqUZWnOp0hSGwasCjbrWSPrEKqB_kz&disable_polymer=true ➡️ ECMAScript Tutorial in Hindi 2020: https://www.youtube.com/playlist?list=PLwGdqUZWnOp19VX-DM4oHtmWhDfWblFh- ➡️ ES5 & ES6 | ECMAScript 6 in One Video in Hindi: https://youtu.be/Iek4DtRobLA ➡️ JavaScript Game Development Series in 2020: https://www.youtube.com/playlist?list=PLwGdqUZWnOp1Ub0K1CBuLxLOEN6wTq2bg ➡️ Source Code Link: https://www.thapatechnical.com/2019/11/how-to-get-source-code.html ➡️ Top 5 Programming Languages in 2020: https://youtu.be/czroY5nAD0c ➡️ Ludo Game JavaScript Link: https://youtu.be/_tlncjn1JpU ➡️Plz show some love to My Siter Youtube Channel and Plz Subscribe Link: https://www.youtube.com/channel/UCEst8yZ12JEYsSVVXmtU7GQ ***************** MUST WATCH VIDEOS ****************** ➡️ How to become a Full Stack Developer 2020: https://youtu.be/etZ4jq_YjyM ➡️ How To Become a Web Developer 2020: https://youtu.be/Ur9LGVT-GXs ➡️ How JavaScript Works: https://youtu.be/VaBP6_pBOgM ➡️ Follow me on Instagram: https://www.instagram.com/vinodthapa55/ Make Website Responsive Using Media Queries in One Video in Hindi | Web Design Tutorial in Hindi ➡️ Link: https://youtu.be/cKR9gzco3Kc DONATION FOR SUPPORT: PhonePay = vinodbahadur@ybl GooglePay: vbthapa55@oksbi Believe me, all this money will be used to make more quality videos and to make my channel grow. So that I can always provide you awesome free videos :) Guys, Please support my channel by SUBSCRIBE to my channel and share my videos in your Social Network TimeLines. Don't Forget to Follow me on all Social Network, Website Link: https://www.thapatechnical.com Instagram Link: https://www.instagram.com/vinodthapa55 Facebook Link: https://www.facebook.com/vinodthapa55 Twitter Link: https://twitter.com/vb55thapa Facebook ThapaTechnical Page Link: https://www.facebook.com/vinodbahadurthapa/?ref=aymt_homepage_panel&eid=ARCTi5kdE1POliSOXnW51qZdo6NcpcSOqrioqut1KDac_CfgY5OCey-vcHlgRDgc_OK6eYNFCF_Rrfiq
Continue this lesson in the app
Install CourseHive on Android or iOS to keep learning while you move.
