Understanding React Fragment in React JS in Hindi in 2020 #8

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 ().

--------- 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 *************



*********** CLICK HERE TO WATCH *************

***************** MUST WATCH VIDEOS ******************

Make Website Responsive Using Media Queries in One Video in Hindi | Web Design Tutorial in Hindi

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,

[vedantnn]

Best 2 Indian Coders - CodeWithHarry, Thapa Technical !

[janaktripatheek]

Man... i have used React.Fragment many times but now from this video, i knew why i was using... This is the advantage of not missing ur videos ... U are awesome :))))

[kishorkumarsoni]

Thanks V-Thapa
apne bohot hi bariki se samjhaya he. mene udemy pr React ka paid course liya tha but usme bhi nhi btaya tha etna bariki se

[Ipsita]

I am just loving to react after watching ur tutorials. you are really doing

[dcvmcuclips]

and boom guys zabardast thapa technical
agar koi or hota to hamein simple batata k multiple elements ko use karne k liye <> ye arrows dalo or itna details se nahi batata but thapa technical you rocked you are awesome man thank you so much and boom ye concept b heery ki tara clear hogaya

[muhammadadnan]

bhai aap ki knowledge bhot aci hai or teaching skills bhi bhot achi hai

[sriharisai]

perfect and clear and crazy explanation
i mean the way u explain is awesome, thanqqq

[kunalsinghdeo]

bohat sundar, bhai aapne pura doubt hi clear kar diya

[Pawan_kumar_]

sir react playlist is so amazing nice videos

[drpstar]

Awesome sir...you serve great and latest content of React in Hindi...👍

[shwetasonth]

Now I understood difference, thank you sooo much for sharing very helpful videos...these videos are really awesome

[darshanadey]

Instead of using npm we can also use yarn as it would not store cache with it, it is faster than npm..also instead of using cmd we can use vs code inbuilt cmd line by ctrl+shift+`

[ballikhan]

Great video series .I want to add something that don't use commends again and again in commend prompt to execute it, just click on terminal in VS code bar and add a new terminal then at the bottom you will get the window like command prompt with the path just write npm start the server will start... :), and one thing I want to ask that why we are not using square brackets instead of React.Fragment, it also does not add div in the root id div

[shahzadali-djh]

I am From pakistan
Good Work
kia haal hai
mei ap ka Bohat barah fan hon
love you Brother❤❤

[rohitsahni]

Sir ise tarah deeply topic explain kiya karo.👍

[chizuru]

👌🏻 A bit slow for me! But you give very detailed information! 🤩🤣

[priyanksharma]

hi, u are doing grt job, thnx a lot. I have a ques. When should we use fragment and when to use array.

[rahul-java-dev]

Yes....I am enjoying the tutorial. Thank You So much.

[amangoswamifitlife]

sir your tutorial really helped me in learning the react js

[jahangeerawan]

react fragment ka special fragment syntax use krna ziada behtr he ya array form me use krna ziada behtr he?.
btw your videos are good