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.
👉 Source code & PPT access Free: www.thapatechnical.com/2024/0...
👉 Watch React.js History in 10min: • React.js History in 10...
-------------------------------------------------------
📢 Checkout our world best JavaScript Course Part 1 & 2 👇
⭐️ JavaScript Basics Course Part 1: • JavaScript Full Course...
⭐️ JavaScript Advanced Course Part 2: • JavaScript Advanced fu...
📢Get all my CZcams Videos Source Code at only 199₹ : thapatechnical.shop/source-code
📢Get your premium complete ecommerce website source code at no cost (Free) :👉www.thapatechnical.com/2024/0...
--------------------------------------------------------
Before Learning JavaScript, Don't forget to watch 👇
🔥🚀 Watch Best HTML Course 👉 • HTML Complete Tutorial...
🔥🚀 Watch Best CSS Course 👉 • Complete CSS Tutorial ...
-----------------------------------------------------
✌️ Become Member, get access to perks, free Source code, & more..
/ @thapatechnical
🚀 Check my Instagram to Connect with me: / thapatechnical
🗨️ Discord Server Link for Programmer to Hangout: / discord
-----------------------------------------------------
⌚ 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

[@AmanKumarSinhaOfficial]

React series me 2 videos daily aa sakta hai kya

[@CosMIcAkaSh1111]

​@CodeWithJasGiigli tum mujhe batao tumne react app ko old way mai. Matlab create react app krke install and use kiya hai?

[@SuperId-tw3pn]

Aap ki website se css ke notes download nahu ho rahe vaha pr 404 error aa raha please fix it 🙏

[@vikrambais5330]

perfect explanation for jsx .. awsome bro

[@pritamsahajpg]

Was waiting for this 😊

[@user-wj9ig8kf8t]

Done till this point sir!

[@hamudxd9497]

TOP CLASS EASY N NICE WAY OF EXPLANATION❤❤❤

[@vijendrasharma1375]

Awesome 👍🏻❤❤❤

[@parmarrahul4975]

Outstanding explanation sir👏

[@user-gs3ru3bd9j]

react done. thank you sir❤❤

[@Amaankf]

fantastic explanation

[@jagdishjena9058]

Thank you so much sir.

[@Faizan_Iqbal07]

Best #Teacher

[@Abubakar-lx4xf]

Mazydar thapa g

[@UdayPrakash-ei2mo]

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?

[@srijitsaha01]

Yes, done.

[@user-om1iy8nu7z]

Best.👍👍👍👍👍👍👍👍

[@Mohitkumar70554]

React done.👍

[@hafizabdullah3400]

Thanks sr

[@ravishbisht502]

Nice sir

[@HeNepali]

love from Nepal💕 🇳🇵

[@RNAGER09]

React done😊

[@KishanHingu]

React.js Done 👍👍

[@shyamofficial-n1k]

react js install done

[@pihhu988]

React done 👍🏻

[@hariomsharmacse]

React Done ✅

[@MdTauhid-241]

React done 👍

[@yogeshsoni66]

best

[@sagarraut2100]

react done👍

[@ravishbisht502]

Bring some cool projects❤❤

[@ShubhamMudgalVlogs]

React Done 👍

[@rishiraj2548]

react DONE!👍

[@indian_designer]

React Done!

[@119niraliprajapati]

React 👍✅ done

[@kuchbhicahlegaofficial]

React Done❤❤❤❤❤❤

[@rishiraj2548]

👍👍

[@hamudxd9497]

❤❤❤

[@user-lx4xd7sy5u]

op

[@BivekGC]

react done

[@sagar4866]

react done.

[@mubasharhussain3926]

React done

[@dipeshjoshi9126]

React Done (installation)n and now this video is also done

[@SatyajeetParmar-t1k]

Done

[@hafizakbar19]

done

[@Govind_thakur99]

React Done

[@d_bis-coder]

Sir apka Vs Code me konsa font install hay ?

[@harshitkharwar1537]

explain more about (bun) please.... and its usefulness

[@user-bg5px3rm7n]

sir aap ne jo sumamry likhi he wo new line me kon se extension se aa rahi he or dusra aap save karte ho to vo sare div vagera automatically kon se extension ho jata he kya aap heme us extension name bata sakte he taki amari indentation sahi tari kese dikhe?

[@muhammaddanishsiddiqui3863]

Hi sir react Application ko kis tarha windows iis pay deploy kar sakty hain with rest api

[@AltroIsLive]

Sir ek video difference between router and get in nodejs video banav please samaj nahi araha hai muje kab routes and kab get use karna hai

[@prashantanayak6061]

Queen of tears maine puraa dikha hai....

[@shubhamdas6519]

Sir in this series are we gonna have the new features of React js v19?

[@thesuccessseeker]

lecture 5 completed

[@palakshchaturvedi2949]

what to do if cors error occurs in fetching api
i was watching your covid tracker video of 22 and cors error occured when i tried to fetch api

[@Sandeep-zd6dq]

React done, Abhi toh bhai panchayat Dekh rha hu 😂

[@pavankushwaha8273]

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

[@pritamsahajpg]

In total how many videos will release in this react playlist?

[@shreekandalgaonkar1616]

@Thapatechnical, jis way se aapane html tag add karke show kiye hai, wo mai kar raha hu par wo show nahi ho raha hai

[@Amaankf]

Sir please share the ppt of this as well it's not available on the website

[@perfectwebsolutions]

components does not resturn jsx , actually you write jsx in components and react return plain javascript after running either dev or build script of vite

[@user-yc2rj5mp2x]

sir aik problem a rhi he m jb bhi react vite use krta hun bydefault chezen center m ati hen

[@harmindersingh5364]

bro can you also tell how to use gif image in Reactjs instead of normal png, jpeg , etc images

[@dipeshjoshi9126]

react series main 2 video daily aa sakte hai kya ?

[@sujeetgupta-eq5yx]

sir mera localhost par output show nahi kar raha then what can i do ?

[@unstoppable-ayush]

Ppt website pe available nhi hai

[@zemimaas]

100 days JavaScript course end hogya??

[@unstoppable-ayush]

Sir ppt ko left side rkhiyega lines show nhi krta

[@user-re6kk9hh2q]

I have a request: could you add 2-3 videos per day? The current pace of one 15-20 minute video per day feels very slow.

[@chinmaykhairnar6750]

height n width deke bhi chnage nahi ho rhe dimensions
kya kare

[@owaisnadeem2751]

Virtual DOM thora clear nhi hua bus , baqi sb set hay . Can u pls explain a little more vinod sir ?

[@DDBloging]

Sir please tell me how to download PPT

[@sunnyy6295]

React hydration is important for interviews

[@ThapaTechnical]

Sure

[@ashishchavan721]

When people search on CZcams react js then doesn't show new videos them. Because of that channels views speed is sometime slow.

[@DEATHGAMING_]

React installation is done but arrow function likhne pe output nhi aa rha means screen pura blank aa rha hai

[@jubun7]

Thapa Bhai apka notes nahin mil raha hai

[@tuhinchandra4929]

Sir notes de dijiye plz... apke screen se ss lene se kuch part hide ho ja raha hai sir apke vdo ki vajah se

[@varunsaini1337]

React me host hone ke baad changes kaise kare??

[@HarshSharma-gl2dn]

i am not able to get the notes pdf

[@himanshudubey1824]

image ko import kasay kre

[@Mudassarrkhan]

Sir source code nahi milta apki website sy plz?

[@ABHISHEKRAI-n9k]

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

[@sagarsupekar7677]

you tell that how to add html code in App.jsx but please tell more about import and export in Main.jsx

[@ThapaTechnical]

Dont worry we have one didicated video on import export and different way to handle it.. plz watch

[@Coder856]

Thapa bhaiiiii please focus on logics

[@ateeqkhan9832]

Sir bun install nhi ho rha

[@vikrambais5330]

i am waiting for useMemo, useCallback and Memo , in this react version..

[@ThapaTechnical]

v19 me wo hai he nai.. compiler aa chuka hai bhai..

[@vikrambais5330]

@@ThapaTechnical wahi to check karna hai ab memoization kaise hota hai react 19 me

[@muhammadfajar1219]

Sir when I run main.jsx using bun dev it through the error
Script not found “dev”

[@sabanida9619]

Cd "yourfoldername"
bun dev
It will work after cd enter your folder name however u have saved

[@muhammadfajar1219]

@@sabanida9619 Ok I will try this..
Thanks

[@skbk2632]

Sir photo kesa add kr diya pta hi nhi chala

[@anonymous-fy5es]

Well Explained

[@HeNepali]

sir bun not working only. npm is working

[@localhost9090]

First install npm i -g bun
Then I think your bun is working😅

[@Sharing_Knowledge_OnYourDemand]

Kitna awesome hai yeh ab boring sa lgta hai😂

[@devlroshan]

React Done 🤏🏻😎

[@codewithsujit890]

HTML CSS

[@user-tw5jz5dv9t]

Life waise be easy 😂😂😂hai Q ki react aati hain 😂

[@user-tw5jz5dv9t]

@techincal thapa sir backend ki series liya oo plssss

[@HassaanHaider313]

thapa school and colleges
me chhutti hogai

[@sachinkhatri1077]

Broo theme konsi use kr rhe ho please naam bta do....also terminal me jo icon dikh rhe h wo theme me included hai ya alg se download kiye h ye bhi bta dena

[@mubasharhussain3926]

Sir g output error please help me
PS C:\Users\MUBASHAR\Desktop\FirstApp> pwd
Path
----
C:\Users\MUBASHAR\Desktop\FirstApp
PS C:\Users\MUBASHAR\Desktop\FirstApp> cd first-program
PS C:\Users\MUBASHAR\Desktop\FirstApp\first-program> npm start
npm ERR! Missing script: "start"
npm ERR!
npm ERR! Did you mean one of these?
npm ERR! npm star # Mark your favorite packages
npm ERR! npm stars # View packages marked as favorites
npm ERR!
npm ERR! To see a list of scripts, run:
npm ERR! npm run
npm ERR! A complete log of this run can be found in: C:\Users\MUBASHAR\AppData\Local
pm-cache\_logs\2024-05-29T09_58_51_011Z-debug-0.log
PS C:\Users\MUBASHAR\Desktop\FirstApp\first-program>

[@ThapaTechnical]

I am assuming ki tum react ko run krna chate ho..
npm run start likho, else npm run dev likhna..

[@mubasharhussain3926]

Sir npm run dev kr k b dakh liya hai
PS C:\Users\MUBASHAR\Desktop\firstApp> npm run dev
npm ERR! code ENOENT
npm ERR! syscall open
npm ERR! path C:\Users\MUBASHAR\Desktop\firstApp\package.json
npm ERR! errno -4058
npm ERR! enoent Could not read package.json: Error:
ENOENT: no such file or directory, open 'C:\Users\MUBASHAR\Desktop\firstApp\package.json'
npm ERR! enoent This is related to npm not being able to find a file.
npm ERR! enoent
npm ERR! A complete log of this run can be found in: C:\Users\MUBASHAR\AppData\Local
pm-cache\_logs\2024-05-29T11_23_43_447Z-debug-0.log

[@samarthshrivastava8323]

@@mubasharhussain3926 solve hua?

[@mubasharhussain3926]

@@samarthshrivastava8323 ho gya

[@Coder856]

React done , 👍🏻

[@priyadarshi5730]

❤❤❤

[@unstoppable-ayush]

react done

[@harshitpustake2350]

React done

[@surajgorai]

React Done

[@aimalkhan4518]

React Done👍

[@ThapaTechnical]

awesome