Create your own react library and JSX

In this React tutorial, the instructor guides viewers through creating a basic React library and JSX implementation from scratch. The video demystifies React by explaining that it's essentially JavaScript working behind the scenes to manipulate the DOM efficiently. The instructor emphasizes the importance of understanding that React is not magic but a structured approach to UI manipulation. The tutorial demonstrates building a simple React-like environment using HTML, JavaScript, and JSX concepts, providing hands-on experience in creating a custom React component. The video also covers the fundamentals of React elements, JSX syntax, and how React handles DOM rendering, offering viewers a solid foundation in React development. This approach ensures that learners can grasp the basics of React and apply them in real-world projects, making them more proficient front-end developers. By the end of the tutorial, viewers will have a clear understanding of how React operates and how to create their own React components effectively.
Welcome to a youtube channel dedicated to programming and coding related tutorials. We talk about tech, write code, discuss about cloud and devops. That’s what we do all day, all year. We roll out a lot of series and videos on our channel.
All the learning resources such as code files, documentations, articles and community discussions are available on our website:
chaicode.com/
You can find our discord link, github link etc on the above website.
Twitter/X link: x.com/hiteshdo...
Discord link: hitesh.ai/discord
Learn React with 10 projects: • Let's learn react from...
Learn Docker: • A practical guide on D...
Learn Kubernetes: • Complete Kubernetes Co...
How does a browser works: • How does a browser wor...
How nodejs works: • How node JS works | En...
Learn Redux-toolkit: • Learn Redux Toolkit in...
Learn NextJS: • Nextjs Full stack course
Learn Typescript: • Why to learn Typescript
Learn Javascript: • Welcome to new JavaScr...
Learn React Native: • React Native Mastery: ...
Learn Zustand: • React state management...
Learn Golang: • How to get started wit...

[@samiran__roy]

Don't know why this master piece still not reach 100 comments. Any way I am fan of Hitesh sir. I have learnt thousands of things because of you sir. So huge shoutout to you. ❤

[@saiteja2993]

Courses like this not only help the students, but also the working professionals. Thank you so much for diving deep that too without any price.

[@somenbanerjee3584]

IF teacher === "The Hitesh Choudhary" Everything is as smooth as Ice Tea. 🍺 Can't thank you sir.. 🙏

[@GrindingRepublic]

next level simping bhai

[@khaleelalhaji]

Thank you for taking the time to really delve into topics that most teachers ignore, and all for free.

[@alexdin1565]

i watch a lot of videos but its my first time when I see someone how explain the topics like you you're the best in all time, and the king of youtube. please as suggestion: if you can add a chapter on how we can use Django as backend with react front end we will be appreciated

[@s.pavithravignesh7031]

Goes as one of the fine piece of video which try to description: 1. How react render the DOM element and 2. who it's deal the DOM element in the rendering process! Higher love Hitesh!

[@vishalsinha526]

After watching Having a clear understanding of "how react understand object {}." Thankyou for the beautifull explanatation.

[@namuna5689]

great course for begginer but i recommend for who created project in react for better understanding of react nice explanation by hitesh sir

[@THeMin1000]

Great work Hitesh! I come from a professional angular background and honestly these deeper dives are more useful to me than redoing todos and calc apps for the nth time because I these are the things that we need to put time into the doc to fully get a mental model of. I can say with confidence that this course is not just helpful for beginners but anyone who wants to actually understand the motivations behind react and someone who use a framework with a different philosophy like angular.

[@apoorvamercy5746]

Hello sir.. Am an angular developer.. why there are very less openings for angular compared to React

[@THeMin1000]

@@apoorvamercy5746 because react won the popularity contest. And a lot of times being more popular means you have a bigger community. And really because angular is very opinionated framework and enforces specific design patterns. Another thing that makes angular maybe a bit difficult to handle is two way binding, while in react we generally use one way binding. What this means is that it is easier to reason about state changes in react. Angular also (from version 2 onwards) you MUST use typescript, and many people just do not like typescript because it is harder if you are coming from vanilla js. In terms of a library/framework adoption accessibility is king. Angular is a great and awesome framework once we need an application of a certain size/scale/complexity. But it has a far steeper learning curve not because of angular itself but because of how much it wants you to know before hand. Angular generally forces good design patterns but almost similar to java it takes away the programmer’s agency a little. There are still a lot of jobs for angular but for most new products and startups very few generally start with angular because they value time to develop more than ease of maintenance. You can write bad code and design with both but with react its much easier to lock yourself into a design that that you wont know is bad until much later. Angular is heavily used in enterprise apps and internal apps. But currently there are a lot less of “cool” new projects companies that start with angular

[@kalpeshchaudhari8887]

This course will help lot of people like me to understand react from its core

[@UmarMubeen-d8t]

Wow, this series is helping me to start career in react. its a perfect and detailed content for beginners. Thank you.

[@pradeep6635]

thank you for your efforts

[@honesmartyy]

Yes this series is far better than any other paid courses

[@avegeta1]

So simple to understand even on 1.75x speed! Excited for upcoming videos.

[@rikki6256]

Greatest and including series I have ever watched...

[@purvesh62]

I think this video is really great. I have prior knowledge about React and have seen many tutorials but no one has ever done tutorial like this. Maybe after seeing this video it could inspire people to create frameworks of their own. Kudos to you!

[@hello-ITworld]

hope you got 100+ comments shortly.... this is the best tutorial about Reactjs.... spread your channel Hitesh

[@deadlylive_gaming7154]

constantly washing this series

[@bharathkumar-px1hn]

I will be the 100th comment for this video and thank you for the amazing series continue doing it brother.

[@Adventures_English]

Very many thanks to you sir. I really appreciate your attention to detail and breaking things down to the granular level. Being able to follow along with the git commands is also something super useful and not anything you get in the react docs. Thanks again. WE SALUTE YOU

[@garima1798]

Thanks for all the in-depth detailing to every specific word, Also ur accent is dope :D

[@Fight011]

watched your 4 videos till now and not bored till now hahaha(everything is very understandable:))arigato

[@AdityaSingh-tc6vv]

Hitesh Sir, When do you think this recession or economical downfall season in IT sector will end

[@sandip_kanzariya8476]

Awsome man !! ❤❤ Can you cover .env file in next video ? Please Give some idea where to put it and how to get data from it

[@HiteshCodeLab]

Noted

[@muthuvalli333]

First HITESH SIR...😀😀😀

[@animeshsingh1605]

Thank you for creating the series on react , It is very helpful to me to learn about react.

[@Eric-sy3dm]

I'm learning a lot since starting the series.

[@abhisheknaik1359]

Wonderful explanation. Thank you for this series

[@saidumuhammadyusuf8720]

"Thank you Hitesh for the amazing content! Your videos have been incredibly informative and have helped me in my learning of javascript and react. Keep up the fantastic work! 👏📚"

[@codex0717]

he motivates to pursue my career in teaching

[@CodingwithSonal]

love watching this series!!💟

[@pawankumarsubudhi6454]

Thank you Hitesh for the amazing content! Your videos have been incredibly informative and have helped me in my learning of javascript and react. Took many courses but never got to know such nitty gritty details. Please keep uploading such series and general informative videos for us ❤

[@bhargavkalaria4613]

Found the hidden GEM.

[@gopallohar5534]

9:54 That's why You and I like Typescript 😂

[@machupai]

I love your teaching style. Awesome

[@arunkumark1596]

Great video, waiting for more awesome videos like these.😁👍👍

[@lokeshkumar04]

76 comment. great series, it would be a God tier series if it is finished

[@HiteshCodeLab]

Of course, we will finish it 😁

[@itikalamba3629]

thanks for the course best react course

[@trying-code3726]

i am from bangladesh ... i like your video sir ... create more video like this ....

[@jayantkushwah8]

i am enjoying this series

[@sathishkumarkanukurthi5077]

Great Explanation

[@dhana0909]

Thanks for the detailed video on how React works.

[@DeucesDev]

Well done hitesh

[@NouraHussain]

love to watch your videos what a great person you are, Thank you for sharing this and all for free thanks man.

[@talhakhalil9029]

Sir doing great job explaining core concepts and how things work❤ great mentor

[@shyamsundartiwari7671]

A great way of teaching! Thank you so much🙌

[@murugappankrishna4012]

wow you teach really good! amazing!

[@74Bagas]

i just can't believe, this is free tutorial

[@ErsanGökalp]

I think you are great mentor. thanks from Turkey

[@hamzaashraf9529]

Amazing course on react

[@Suraj.5260]

thanks for consistent videos

[@pranav_arya]

great teacher

[@HiteshCodeLab]

Thank you! 😃

[@amangarg5385]

Greatly appreciated your detailed explanation sir❤

[@SudipBhattacharyya]

Just a small question. Why did you use "if" statement, why not JS trinary operator like ? : . Thank you 🙂

[@sakshiandhare8364]

learned a lot. Thank you so much for the great in-depth explanation

[@ji_02k]

As always best tuts on youtube of react

[@prandeepchoudhary5347]

Thank you for valuable knowledge share

[@JourneywithNarasimha]

Thank you❤. I learned great stuff today

[@saipavan1665]

Appreciated your efforts of detailing

[@sujathaiyer3166]

Thankyou for the react series

[@nayanpatel1083]

Great sir

[@arkodeepchatterjee]

excellent video sir. great job. keep it up 🔥🔥🔥

[@emmagodey9312]

Great video, didn't understand it all but I loved it

[@sudirkrishnaars9378]

As always #support

[@harshitsrivastava9903]

🎉🎉

[@ABDULAHIAHMEDDAHAB]

i like this series🤩

[@animeshmondal9569]

great video sir❤❤

[@mohd.maasir8198]

thanks for bringing this series!

[@HiteshCodeLab]

Glad you enjoy it!

[@DeepakSankhyan]

Really Great...........

[@gauravgoyal1234]

Great Content!!

[@LearnAlongFaizan]

Great video...

[@atishbackup9442]

Great Stuff

[@RANDOM-ut8xx]

Sir this series will be till advanced with projects right??

[@santosh_kshetrimayum]

Awesome 👌

[@SauravKumar-kj1uu]

Great insights

[@sriramvenkatesh]

Thank you for your great efforts🎉❤

[@tejeshreddy2721]

Great keep doing

[@AryRodny]

Good video, well explained. Thanks.

[@knightcore4062]

lets go!!!

[@_phonesense]

Thanks for such a great course

[@MMMM42]

This video deservs a 1000 comments!

[@vishwanatha6859]

thanks Hitesh!!

[@ReeshuDigit]

very helpful

[@vyshnavku4109]

Great

[@abdudujjjana8512]

amazing

[@RANDOM-ut8xx]

Sir how is this series different from the one that you are uploading on chai aur code

[@HiteshCodeLab]

Language: this one is in English

[@prasadpatil2371]

is it necessary to create own react library if we have react, VueJs, AngularJs framework ?

[@VivoMobile-yg9zh]

thanks plz continue

[@muzikesen]

Thank you for your effort, appreciate it

[@a70siddharthsingh92]

great

[@sheikhmkhubaib9537]

react-jsx-dev-runtime.development.js:87 Warning: React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: object. how to fix it

[@navinvishwakarma1979]

Awsome !!!

[@lenny_off9723]

15:01 I don't understand why my code dosen't work , it's the absolute same as in the video but not working Instead , the commented part works .. so I checked the loop , the if and the syntaxe but everything should work

[@prateek5668]

❤❤❤❤❤

[@JuanOsvath]

thank you very much 🙏

[@defiarcher8186]

Thank you

[@ahmadswalih439]

Loved this 💌

[@gopallohar5534]

Interesting !

[@shivanshpatel4072]

video is awesome

[@muralim5974]

Thank you man♥ . it's lot !!