Тёмный

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

Thapa Technical
Подписаться 677 тыс.
Просмотров 8 тыс.
50% 1

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 RU-vid 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

Опубликовано:

 

20 июл 2024

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 121   
@ThapaTechnical
@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
@AmanKumarSinhaOfficial Месяц назад
React series me 2 videos daily aa sakta hai kya
@CosMIcAkaSh1111
@CosMIcAkaSh1111 Месяц назад
​@CodeWithJasGiigli tum mujhe batao tumne react app ko old way mai. Matlab create react app krke install and use kiya hai?
@SuperId-tw3pn
@SuperId-tw3pn Месяц назад
Aap ki website se css ke notes download nahu ho rahe vaha pr 404 error aa raha please fix it 🙏
@UdayPrakash-ei2mo
@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?
@vikrambais5330
@vikrambais5330 Месяц назад
perfect explanation for jsx .. awsome bro
@parmarrahul4975
@parmarrahul4975 5 дней назад
Outstanding explanation sir👏
@hamudxd9497
@hamudxd9497 Месяц назад
TOP CLASS EASY N NICE WAY OF EXPLANATION❤❤❤
@user-wj9ig8kf8t
@user-wj9ig8kf8t Месяц назад
Done till this point sir!
@pritamsahajpg
@pritamsahajpg Месяц назад
Was waiting for this 😊
@Amaankf
@Amaankf Месяц назад
fantastic explanation
@vijendrasharma1375
@vijendrasharma1375 Месяц назад
Awesome 👍🏻❤❤❤
@user-gs3ru3bd9j
@user-gs3ru3bd9j Месяц назад
react done. thank you sir❤❤
@Faizan_Iqbal07
@Faizan_Iqbal07 Месяц назад
Best #Teacher
@user-om1iy8nu7z
@user-om1iy8nu7z День назад
Best.👍👍👍👍👍👍👍👍
@Abubakar-lx4xf
@Abubakar-lx4xf Месяц назад
Mazydar thapa g
@HeNepali
@HeNepali Месяц назад
love from Nepal💕 🇳🇵
@Mohitkumar70554
@Mohitkumar70554 Месяц назад
React done.👍
@hafizabdullah3400
@hafizabdullah3400 4 дня назад
Thanks sr
@srijitsaha01
@srijitsaha01 Месяц назад
Yes, done.
@d_bis-coder
@d_bis-coder Месяц назад
Sir apka Vs Code me konsa font install hay ?
@user-bg5px3rm7n
@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?
@ravishbisht502
@ravishbisht502 Месяц назад
Nice sir
@shyamofficial-n1k
@shyamofficial-n1k 11 дней назад
react js install done
@ravishbisht502
@ravishbisht502 Месяц назад
Bring some cool projects❤❤
@RNAGER09
@RNAGER09 Месяц назад
React done😊
@yogeshsoni66
@yogeshsoni66 Месяц назад
best
@sagarraut2100
@sagarraut2100 Месяц назад
react done👍
@muhammaddanishsiddiqui3863
@muhammaddanishsiddiqui3863 Месяц назад
Hi sir react Application ko kis tarha windows iis pay deploy kar sakty hain with rest api
@hariomsharmacse
@hariomsharmacse Месяц назад
React Done ✅
@indian_designer
@indian_designer 23 дня назад
React Done!
@rishiraj2548
@rishiraj2548 23 дня назад
react DONE!👍
@pihhu988
@pihhu988 Месяц назад
React done 👍🏻
@palakshchaturvedi2949
@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
@MdTauhid-241
@MdTauhid-241 Месяц назад
React done 👍
@119niraliprajapati
@119niraliprajapati Месяц назад
React 👍✅ done
@user-yc2rj5mp2x
@user-yc2rj5mp2x Месяц назад
sir aik problem a rhi he m jb bhi react vite use krta hun bydefault chezen center m ati hen
@pavankushwaha8273
@pavankushwaha8273 Месяц назад
ab 19 version m import export default use nhi hoga kya ????
@ShubhamMudgalVlogs
@ShubhamMudgalVlogs Месяц назад
React Done 👍
@AltroIsLive
@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
@shreekandalgaonkar1616
@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
@harshitpustake2350
@harshitpustake2350 Месяц назад
React done
@sagar4866
@sagar4866 Месяц назад
react done.
@shubhamdas6519
@shubhamdas6519 Месяц назад
Sir in this series are we gonna have the new features of React js v19?
@kuchbhicahlegaofficial
@kuchbhicahlegaofficial 8 дней назад
React Done❤❤❤❤❤❤
@BivekGC
@BivekGC Месяц назад
react done
@SatyajeetParmar-t1k
@SatyajeetParmar-t1k 16 дней назад
Done
@harshitkharwar1537
@harshitkharwar1537 Месяц назад
explain more about (bun) please.... and its usefulness
@hamudxd9497
@hamudxd9497 Месяц назад
❤❤❤
@sujeetgupta-eq5yx
@sujeetgupta-eq5yx Месяц назад
sir mera localhost par output show nahi kar raha then what can i do ?
@Amaankf
@Amaankf Месяц назад
Sir please share the ppt of this as well it's not available on the website
@hafizakbar19
@hafizakbar19 Месяц назад
done
@Govind_thakur99
@Govind_thakur99 Месяц назад
React Done
@prashantanayak6061
@prashantanayak6061 Месяц назад
Queen of tears maine puraa dikha hai....
@sachinkhatri1077
@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
@perfectwebsolutions
@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
@unstoppable-ayush
@unstoppable-ayush Месяц назад
Sir ppt ko left side rkhiyega lines show nhi krta
@pritamsahajpg
@pritamsahajpg Месяц назад
In total how many videos will release in this react playlist?
@dipeshjoshi9126
@dipeshjoshi9126 Месяц назад
React Done (installation)n and now this video is also done
@user-lx4xd7sy5u
@user-lx4xd7sy5u Месяц назад
op
@dipeshjoshi9126
@dipeshjoshi9126 Месяц назад
react series main 2 video daily aa sakte hai kya ?
@Sandeep-zd6dq
@Sandeep-zd6dq Месяц назад
React done, Abhi toh bhai panchayat Dekh rha hu 😂
@ashishchavan721
@ashishchavan721 Месяц назад
When people search on RU-vid react js then doesn't show new videos them. Because of that channels views speed is sometime slow.
@DEATHGAMING_
@DEATHGAMING_ 16 дней назад
React installation is done but arrow function likhne pe output nhi aa rha means screen pura blank aa rha hai
@owaisnadeem2751
@owaisnadeem2751 Месяц назад
Virtual DOM thora clear nhi hua bus , baqi sb set hay . Can u pls explain a little more vinod sir ?
@rishiraj2548
@rishiraj2548 Месяц назад
👍👍
@harmindersingh5364
@harmindersingh5364 7 дней назад
bro can you also tell how to use gif image in Reactjs instead of normal png, jpeg , etc images
@unstoppable-ayush
@unstoppable-ayush Месяц назад
Ppt website pe available nhi hai
@tuhinchandra4929
@tuhinchandra4929 6 дней назад
Sir notes de dijiye plz... apke screen se ss lene se kuch part hide ho ja raha hai sir apke vdo ki vajah se
@user-re6kk9hh2q
@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.
@thesuccessseeker
@thesuccessseeker Месяц назад
lecture 5 completed
@ABHISHEKRAI-n9k
@ABHISHEKRAI-n9k 16 дней назад
sir mera kuch bhi show nhi ho raha h jo bhi maina App.jsx ma likha h any solution sir.....😢
@DDBloging
@DDBloging Месяц назад
Sir please tell me how to download PPT
@muhammadfajar1219
@muhammadfajar1219 26 дней назад
Sir when I run main.jsx using bun dev it through the error Script not found “dev”
@sabanida9619
@sabanida9619 21 день назад
Cd "yourfoldername" bun dev It will work after cd enter your folder name however u have saved
@muhammadfajar1219
@muhammadfajar1219 21 день назад
@@sabanida9619 Ok I will try this.. Thanks
@jubun7
@jubun7 Месяц назад
Thapa Bhai apka notes nahin mil raha hai
@sagarsupekar7677
@sagarsupekar7677 29 дней назад
you tell that how to add html code in App.jsx but please tell more about import and export in Main.jsx
@ThapaTechnical
@ThapaTechnical 29 дней назад
Dont worry we have one didicated video on import export and different way to handle it.. plz watch
@Mudassarrkhan
@Mudassarrkhan Месяц назад
Sir source code nahi milta apki website sy plz?
@varunsaini1337
@varunsaini1337 19 дней назад
React me host hone ke baad changes kaise kare??
@HarshSharma-gl2dn
@HarshSharma-gl2dn Месяц назад
i am not able to get the notes pdf
@himanshudubey1824
@himanshudubey1824 14 дней назад
image ko import kasay kre
@vikrambais5330
@vikrambais5330 Месяц назад
i am waiting for useMemo, useCallback and Memo , in this react version..
@ThapaTechnical
@ThapaTechnical Месяц назад
v19 me wo hai he nai.. compiler aa chuka hai bhai..
@vikrambais5330
@vikrambais5330 Месяц назад
@@ThapaTechnical wahi to check karna hai ab memoization kaise hota hai react 19 me
@ateeqkhan9832
@ateeqkhan9832 Месяц назад
Sir bun install nhi ho rha
@zemimaas
@zemimaas Месяц назад
100 days JavaScript course end hogya??
@sunnyy6295
@sunnyy6295 Месяц назад
React hydration is important for interviews
@ThapaTechnical
@ThapaTechnical Месяц назад
Sure
@Coder856
@Coder856 Месяц назад
Thapa bhaiiiii please focus on logics
@HeNepali
@HeNepali Месяц назад
sir bun not working only. npm is working
@localhost9090
@localhost9090 Месяц назад
First install npm i -g bun Then I think your bun is working😅
@skbk2632
@skbk2632 4 дня назад
Sir photo kesa add kr diya pta hi nhi chala
@anonymous-fy5es
@anonymous-fy5es Месяц назад
Well Explained
@Sharing_Knowledge_OnYourDemand
@Sharing_Knowledge_OnYourDemand 9 дней назад
Kitna awesome hai yeh ab boring sa lgta hai😂
@devlroshan
@devlroshan 13 дней назад
React Done 🤏🏻😎
@user-tw5jz5dv9t
@user-tw5jz5dv9t Месяц назад
Life waise be easy 😂😂😂hai Q ki react aati hain 😂
@user-tw5jz5dv9t
@user-tw5jz5dv9t Месяц назад
@techincal thapa sir backend ki series liya oo plssss
@codewithsujit890
@codewithsujit890 Месяц назад
HTML CSS
@HassaanHaider313
@HassaanHaider313 Месяц назад
thapa school and colleges me chhutti hogai
@mubasharhussain3926
@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
@ThapaTechnical Месяц назад
I am assuming ki tum react ko run krna chate ho.. npm run start likho, else npm run dev likhna..
@mubasharhussain3926
@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
@samarthshrivastava8323 26 дней назад
@@mubasharhussain3926 solve hua?
@mubasharhussain3926
@mubasharhussain3926 25 дней назад
@@samarthshrivastava8323 ho gya
@Coder856
@Coder856 Месяц назад
React done , 👍🏻
@unstoppable-ayush
@unstoppable-ayush Месяц назад
react done
@mubasharhussain3926
@mubasharhussain3926 Месяц назад
React done
@aimalkhan4518
@aimalkhan4518 Месяц назад
React Done👍
@ThapaTechnical
@ThapaTechnical Месяц назад
awesome
@priyadarshi5730
@priyadarshi5730 10 дней назад
❤❤❤
@surajgorai
@surajgorai 22 дня назад
React Done
@kevatsandip9535
@kevatsandip9535 Месяц назад
react done
@ANaskar-vw4tn
@ANaskar-vw4tn 29 дней назад
react done
@UzairTariq102
@UzairTariq102 18 дней назад
react done
Далее
Wait for it 😇
00:45
Просмотров 9 млн
2.5 Years Experienced Best JavaScript Interview
2:03:06
Просмотров 187 тыс.
Flutter vs React Native under 60 seconds
0:58
Просмотров 119 тыс.