04 - Deep Understanding of JSX - JSX Explained with Building Project - Mastering Reactjs

04 - Deep Understanding of JSX - JSX Explained with Building Project - Mastering Reactjs - JSX

Рет қаралды 6,879

Күн бұрын

Let's understand JSX In-depth with a simple but effective project 😍. It is a long video. So take it up with breaks. At the end of it, you will have full confidence in using JSX 💪.
All set? Let's go then...
Timecodes
0:00 - Introduction
01:08 - Basics of JSX. What it is and How to Use it?
15:04 - Using Comments in JSX
15:47 - JavaScript in JSX
19:33 - How to handle boolean in JSX?
20:54 - How to apply conditions in JSX?
22:42 - JSX and Arrays - How to use loops in JSX?
29:29 - The Pets app: ReactJS Project to understand JSX
39:42 - JSX and Styling: How to apply CSS Styles to the Pets App?
50:11 - Wrapping up & What's Next?
Important Links mentioned in the video:
- Please Reach out on Twitter: / tapasadhikary
- Showwcase ReactJS Community: www.showwcase.com/community/r...
- Source Code Used: github.com/atapas/youtube/blo...
Other Links:
- Blog: blog.greenroots.info/
- LinkedIn: / tapasadhi. .
- GitHub: github.com/atapas
You can support my work by following me on the above platforms and/or sponsoring me using any of these links.
- blog.greenroots.info/sponsor
- buymeacoffee.com/greenroots
- paypal.me/greenrootsinfo
Many Thanks 🙏

Пікірлер: 61

@shahidulislamzahid 4 ай бұрын

Finally, I started watching your video just to brush up on React basics. {day:04}

@akashnaik5567 4 ай бұрын

Sir this is Top Notch Lecture in the whole KZfaq 🔥🔥🔥

@tapasadhikary 4 ай бұрын

Thank you for recognizing the work ❤️

@atulpatil2289 2 жыл бұрын

Thank you so much sir, don't care about views, the deep content that you are providing is no one doing right now on youtube. thank you so much & keep posting advance topics of React.

@tapasadhikary 2 жыл бұрын

That's so good to hear. I'm just sharing my experience. Very glad to know it is helping. Feel free to share the video link in your circle. Many thanks 💙

@atulpatil2289 2 жыл бұрын

@@tapasadhikary sure sir

@rsnytlnet606 2 жыл бұрын

The mini project idea is very nice. It makes idea very clear for the beginner and further it is interesting and motivates to do more projects. Feeling of something has built is very satisfying. Kindly provide such small / big project if possible in future… Really appreciate the efforts taken. Thank You.

@tapasadhikary 2 жыл бұрын

Glad you find the project idea helpful. Yes it will continue. ✅

@shivamprasad6247 8 ай бұрын

Best video on JSX. Thank you sir.

@tapasadhikary 8 ай бұрын

You are most welcome 🙏

@fogaamos6822 Жыл бұрын

Thank you very much Tapas, you are a great teacher

@tapasadhikary Жыл бұрын

You are most welcome 🙏

@shobhitgoel2160 2 жыл бұрын

Honestly ,I feel that my treasurehunt for seeking the roadmap to learn React is now finished!!This was exactly I was looking for a content,which is crystal clearing the fundamentals. Thanks sir for sharing your knowledge to us!!

@tapasadhikary 2 жыл бұрын

I feel great to know that Shobhit. Thank you for taking time to let me know, it is motivating 🔥

@ankansharma4897 11 ай бұрын

Your teaching style is top notch thank you for making such video.

@tapasadhikary 11 ай бұрын

I appreciate you commenting and letting me know 💛❤️💛

@SurendraSingh-tf7tk 2 жыл бұрын

I m at half of video and i m loving it sir Amazing content :)

@tapasadhikary 2 жыл бұрын

Great to hear. Keep going 💙

@aditipisal9679 6 ай бұрын

Superb explanation. Thank you for all the great work. You have made our lives simpler. !! Looking forward for more such videos.

@tapasadhikary 6 ай бұрын

Excellent, keep learning ❤️

@sarthakdixit2161 2 жыл бұрын

Wish your channel grows exponentially! :)

@tapasadhikary 2 жыл бұрын

Thanks for the wish 🙏

@sarthakdixit2161 2 жыл бұрын

@@tapasadhikary Most Welcome!

@dycworld3190 10 ай бұрын

hey i just started watching your videos because i was in search of good teacher for react and senior guy suggested your channel on a discord ,i really like your teaching style ,i have also seen your js playlist it was lit, i had a doubt is the playlist complete now ,does it have almost everthing ,i know everything cant be spoon feeded but just enough to do some descent projects

@tapasadhikary 10 ай бұрын

The playlist has got most of the concepts covered. React 18 related few videos I’m adding now. Thanks for looking into the videos, I wish you a great learning ahead.

@bharatchotwani3485 Жыл бұрын

Thank you so much for this series ❤️

@tapasadhikary Жыл бұрын

Welcome Bharat, glad it was helpful 👍

@deepakkumarkhatri 8 ай бұрын

A great video again sirr!!!

@tapasadhikary 8 ай бұрын

Thanks Deepak

@meghanareddy9535 Жыл бұрын

Thank you so much Sir for the in depth knowledge and clear explanation..!!

@tapasadhikary Жыл бұрын

You are welcome, glad you liked it 🙏

@yaminshaikh 4 ай бұрын

অনেক সুন্দর ভাবে বুজতে পেরেছি ❤❤

@tapasadhikary 4 ай бұрын

I'm glad ❤️

@saurabrakshit405 2 жыл бұрын

I have started following your tutorials, as I was working on React-Native I really missed your vdos . Now I have to work on React.js project I started following your Vdos.

@tapasadhikary 2 жыл бұрын

Thank you 💙

@saurabrakshit405 2 жыл бұрын

Your most welcome

@samanahrari75 2 жыл бұрын

Very great video! I wish you more viewers and subscribers🔥

@tapasadhikary 2 жыл бұрын

Thanks a lot Saman 💙. Don't forget to spread the words 😀

@sohamnesarikar5516 2 жыл бұрын

Nice and really deep explanation of jsx, thank you sir🤗

@tapasadhikary 2 жыл бұрын

Welcome Soham 💙

@prithvisinh Жыл бұрын

This is the best practice tutorial for beginer.

@tapasadhikary Жыл бұрын

Thank you, very much ✨

@msaikrishna6100 2 жыл бұрын

Thank you so much sir,, Your Teaching is always unique

@tapasadhikary 2 жыл бұрын

Thanks a lot 💙

@swapnat111 Ай бұрын

Nice tutorial

@tapasadhikary Ай бұрын

Thank you ❤️

@ms.peachy3247 7 ай бұрын

Hi sir have been referred so many tutorials but this was top-notch i had ever seen thank you for your service... is react got completed or else is some topics are yet to be covered?

@tapasadhikary 7 ай бұрын

Thanks a lot, appreciate it. I have covered almost all the topics and started the Next.js series. You can catch up on it.

@ms.peachy3247 7 ай бұрын

Thank you so much for ur kind reply ..... will stay connected

@tapasadhikary 7 ай бұрын

@ms.peachy3247 cool 👌

@immanuelrajmohan830 2 жыл бұрын

super video sir

@tapasadhikary 2 жыл бұрын

Thanks a lot ✨

@rkgrap 2 жыл бұрын

Fulll fire

@tapasadhikary 2 жыл бұрын

🔥

@sahanasshenoy8878 Жыл бұрын

How to show images from locally stored files?

@tapasadhikary Жыл бұрын

Can you please elaborate this more? Is it in the filesystem in the same machine where the app is running?

@rutvikumak453 2 жыл бұрын

Tapas , everything is best. But request you to please use better camera.

@tapasadhikary 2 жыл бұрын

Haha yeah... Check the latest video...that has got huge camera improvements 😀. Let me know what you think!

@anjalii1102 Жыл бұрын

how JSX prevent malicious attack was asked in interview

@tapasadhikary Жыл бұрын

Anjali, we do it with DOMPurify // Import DOMPurify const DOMPurify = require('dompurify')(window); // Sanitize the text return (); Let me know what do you think?