React JS v19 Tutorial in Hindi #5: JSX (JavaScript XML) The Essential Building Block of React

Welcome, Mastering JSX: The Essential Building Block of React. Learn how JSX combines HTML with JavaScript to optimize your React projects, enhancing code readability and efficiency. Find out how it works, see how Babel helps, and make a Netflix card with JSX. Great for developers wanting to get better at React.

-------------------------------------------------------
📢 Checkout our world best JavaScript Course Part 1 & 2 👇

--------------------------------------------------------
Before Learning JavaScript, Don't forget to watch 👇

-----------------------------------------------------
✌️ Become Member, get access to perks, free Source code, & more..

-----------------------------------------------------

⌚ TIMELINE ⌚
0:00 - Introduction to JSX
0:55 - Understanding JSX
4:02 - The Mechanics Behind JSX
12:30 - Babel: The React Compiler
15:00 - Building a Netflix Card with JSX
20:30 - Conclusion

[ThapaTechnical]

Guys, JSX samja na apko. kis kis ko samja.. LIKE SHARE & SUBSCRIBE krdena ok..
N jisko nai samja, comment krna me hoon na

[deepxsingh]

"Seriously, this is the tutorial I didn't know I needed! ???? 🔥Perfectly explained, super detailed, and just the right pace. You nailed it! Thanks for making this so easy to understand". 👍😇

[UdayPrakash-eimo]

Thank you for these informative tutorials. I have a small request: when you have content on the right side, it sometimes gets hidden by the small part of the screen where we can see you. When there is content on that part, could you move that popup to the left side or make it smaller so we can read the content behind it?

[khalidusman]

It’s really the best course on YouTube

[MukeshShah-iofp]

Mukesh shah your student from Nepal.you are the man. your teaching style is simple and easy to understand. thank you for the course. god will bless you

[d_bis-coder]

Sir apka Vs Code me konsa font install hay ?

[AltafShaikh-qg]

React Done 🥳 It’s really the best course on YouTube

[surajagarwal]

Thanks for sharing knowledgeable content with us ❤

[pavankushwaha]

ab 19 version m import export
default use nhi hoga kya ????

[vikrambais]

perfect explanation for jsx .. awsome bro

[Dineshkumar-icel]

Thapa bro slides me aapke video dikh raha jiske wajhe se pura text ni dekh paa raha, slides ke time me use small ya hide kar diya karo. taki text ko pura padh sake. aapke har ek text important hai.

[Davinder-Techebiz]

bhai maine app.jsx me 
"export const App = () => {

return <h1>Hello, this is my first react code</h1>;

}"

But output me kuch bhi show nhi ho rha

[ABHISHEKRAI-nk]

sir mera kuch bhi show nhi ho raha h jo bhi maina App.jsx ma likha h any solution

[op_om_parmar]

Mene App.jsx me export vala code likha pan jab launch kiye to show nahi ho raha

[_subhadeeproy]

sir, my app.jsx file is not showing at components toolbar

[RituSarswat]

I get an link of localhost but while I am open it will not open and didn't show What I have written

[apashyampakakirikiri]

bhaiya app.jsx file mein, at the end of the code export default app likhne ko bol rha hain. it is working fine if i am writing it but if i am not writing it, the webpage is just blank white screen

[ikavitarawat]

sir ppt acces noi ho para jo link aap provide kie usse...nd video m jo slides ap show krre text clear noi ho pare cozz text k aage ap are

[sushmadevcode]

finally
made my first react app with help for this video

[rahulmk]

Bro Aapne 1 hi PPT share sb video me share kiya hai.