Full Stack React Developer Course with Appwrite

[@pankajkanyal330]

00:00 - 20:00 Introduction and Purpose of Learning 20:00 - 23:03 Node JS + VS code Installation 23:03 - 42:30 React Docs + Exploring react core + react bundlers (vite) and Comparison between two. 42:30 - 1:09:15 How react runs and file directory explained with both CRA and vite 1:09:15 - 1:34:00 Writing the react from scratch basic + Defining Your own custom react tags 1:34:00 - 1:40:00 Introduction with the react element + Understanding JSX file and how to render Javascript inside them. 1:40:00 - 2:00:00 Creating a simple counter app using react and vite 2:00:00 - 2:14:00 virtual Dom, reconciliation, react-fiber architecture, react GitHub repo 2:14:00 - 2:40:00 03tailwindcss, Passing properties (props) to the components, Modularizing the code ************************************** ON THE GO BUILDING APPLICATIONS ************************************************ 2:42:00 - 2:58:15 05bgchanger Basic Color Changing React App using (React + Vite) 2:59:00 - 3:37:50 06password Generator using React and Vite {useState, useCallback, useEffect, useRef } all covered

[@richhudson5386]

Thank you, Hitesh! Your 12 hour 40 minute course is filled with a lot of content to digest. I like your teaching style. Apparently, a lot of others do, as well. Great job!

[@soumadip_banerjee]

The king 👑, from Jaipur, IN 🇮🇳💖

[@crescent4033]

He's actually from Bihar

[@AmitKumar-xx7zj]

Lives in Jaipur

[@HiteshCodeLab]

I am from tech side of world ☕️❤️

[@piyussh_]

​@@crescent4033who told you

[@crescent4033]

@@HiteshCodeLab yup, but you Indian... Why do you feel shame to mention it

[@ouriil]

I have followed many seminars....I could say that you are one of the few professors who have this contagiousness and all your seminars are so complete and targeted...thank you...

[@bitcoinbunker]

Amazing! Thanks so much for taking the time to do this 👌

[@BushPanDown]

its helpful when you show your errors instead of editing them out, and then how to resolve them

[@mariakulo2338]

Thank you so much for this! I am still only in the beginning of the video, but I already have confidence that your style of teaching will get me through all of it and make me learn a lot!

[@dasmala9175]

I was thinking start learning React since 2 years. Finally, your teaching method pushed to me to learn React . Have been following you since almost more than 5 years. Thanks a lot for the backend professional series as well in the Chai and code channel ❤

[@sreelakshmisudey1407]

Thank you, Hitesh! Your React tutorial was incredibly comprehensive. I especially appreciated how you broke down complex concepts into manageable chunks and provided clear examples.

[@hartus45]

I did not understand "context" in reactJs many years before but with your video, all thing is very very clear for me now. Thank you so much.🤩

[@jdub-replicant]

your roadmap discussion and layout at the beginning is really helpful. i particularly appreciated how you differentiated React as a library vs frameworks and your suggestion for mastering JS is really good and your points about react's place early in projects isn't always necessary. i really look forward to working through this course after i increase my knowledge of js. thank you!

[@amh_tech9045]

I am from ethiopia this tutorial helps much more to mature my react knowledge

[@FahadHossainBabor]

This man know this technology so well.......loved it

[@joramlucky1933]

i just finished this course what can i say this course is masterpiece hitesh gives overview before diving into particular concept so this create awareness based on what ur going to learn hitesh is the one of the best teacher since i started learning web development

[@cynthiaijeomah1016]

God bless you for the knowledge u share. ❤ from Lagos, Nigeria 🇳🇬

[@drazzo777cod7]

Amazing sir ji I saw your chai aur code fill playlist to learn Java script with your help j was able to land a job in react native developer thanks alot sirji

[@devmonish]

Man this guy just loves teaching ❤

[@tylerreid1389]

This guy is GREAT. Worth the watch. Lots of information and explained very well

[@MaxMov-sp8hr]

You are a great lecturer, boss! This is a high sign of professionalism in a lecture; hide the question! In the code that generates the password, in your version, the number of characters in the password is always less than specified, and there will never be the first letter from the 'str' variable. 👋

[@holhenrik]

Might even throw an error if it tries to access the character at the max number.

[@testprofile1840]

Thanks for not cutting out your mistakes and corrections it helps maintain the flow in thought process and helps understand the perspective of thinking about the problem especially for beginners like me

[@MaxMov-sp8hr]

It's a great idea to compare different options (cra & vite) at the same time. Very useful for understanding the essence. Keep it up! Thank you!

[@christophermawela3318]

I like how He breaks down React concepts, With his explanations React is now a small powerful JS Library and anyone looking to learn React this is the best place to start. I stopped everything and focused on this tutorial, Thanks Hitesh and keep up the good work...

[@anonlegion8331]

Great class! Please don't ever stop teaching!

[@Enjoyablewalks]

Amazing 🎉.. Happy New Year and best wishes for everyone. Happy learning

[@Sakshamchoudharyofficial]

Master ❤

[@powercircuitacademy]

Great also you ✨ sir

[@rajsamarasuriya7992]

started following Hitesh's videos & found very useful. Still a long way to go for me. Thank you.

[@eyuwankgswankg2541]

Finally my man made it 🎉 Love from Tamilnadu ❤ IN🇮🇳

[@valerylouis6747]

This looks like a good tutorial. I’m gonna do this tutorial this week and I will let you guys know how it went

[@sujeetnair1748]

Will wait for your review

[@Nerronic]

Going to give this a shot too next week! I need more projects.

[@sahiraali18042]

you didn't yet give the review

[@valerylouis6747]

@@sahiraali18042 it was good. I’ve watched multiple learning videos on react and this one was one of the good ones

[@valerylouis6747]

@@sujeetnair1748 if you haven’t watched it yet, I would recommend to watch it

[@ada.blahblah]

Such an amazing course! You made the complex things very brief and understandable!

[@BushPanDown]

Appreciate the side talks - it adds context 👍

[@as_if]

9:23:30 yessir, welcome to the confusion of reducer - reducers - actions 9:44:20 thanks for that

[@JackSparrow-Pirates_Caribbean]

Very informative content.... Highly appreciated your efforts, contents and researches Sir❤❤❤❤ Thank you so much 😘

[@goldrogers2967]

Hitesh The Goat !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!

[@freecodecamp]

He is indeed the GOAT.

[@goldenbuffalo6074]

Excellent course! Very informative. I also watched your other course on Typescript. You're a good instructor. Keep up the good work.

[@vijayshankarcrypto5681]

Many of you might face - Tailwind issue while following this tutorial. You can fix that issue by installing the following commands and re-running the server again. npm install -D tailwindcss postcss autoprefixer npx tailwindcss init -p

[@codingtalkies4749]

A free 12+ hour course - really amazing and thanks

[@omarjones8481]

LET'S GO! mini-context completed! What's next?

[@returncode0000]

Wow, this is a great course, fanatstic teaching skills, I'm totally thrilled, this is really helpful. Great job and thumbs up!

[@1981dAVIDE]

Thank you so much you are an awesome teacher. Cheers from Italy!

[@nunoalmeida1970]

Hitesh, just to wish you a happy new year and thank you for such a wonderful course! Can't stress how much I appreciate the time, enthusiasm, and love you put into this training. God Bless You. 😃

[@gabrielnyangwile7003]

😮wonderful! And this is done in understandable English. No need to reduce speed 👍👍👍💪

[@MoonFab0]

hitesh youre very mazzay ka banda love ho gya tumsay the detail , the way you speak and explain mazza agya yaar love you

[@rexraymond5039]

Hitesh is happy to see you back here. good content loved it

[@realavdhut]

deserving man! hes very good instructor

[@editsebestyen7148]

Hitesh thanks for creating these videos they are really useful !! I also like your teaching style like many others. Well done!

[@brunohenrard]

Thanks for this video, I only watch 2 hours but I really like your style of teaching. Going into the details is very interresting.

[@ibrahimhamid2981]

Hi Hitesh, I am always amazed by your great mastery of programming concept. Thank you for all you do

[@kuldeepdawar7496]

Thank you brother helping to everyone learning React, much appreciate..

[@AnandhevJayakumaar]

Amazing Efforts to get this level of granular details Thanks a lot

[@computer_electronics_works]

Watching from the Philippines, thank you for this great course Hitesh

[@raselvamani]

Great course to understand the foundation of the React. Thank you.🙏

[@rauchrodrigues272]

You are a great instructor. Straightaway to the point, precise and crisp when it comes to explaining the concepts. kudos to you sir

[@duanedodson1]

I am just starting the 4th chapter now, but I am impressed so far.

[@diwakardwivedi8031]

The man on KZbin in tech with zero haters 🥰🥰

[@navazsharif6783]

6:25:15 ❤ Really love the way you teach

[@joelgeorgesam7982]

What are the prerequisites for this course?? Is he doing any projects or is this only a tutorial?

[@rockycool18]

very good content for learning react, I used it for react refresher.

[@yashrajsingh4215]

hitesh sir is the best, a true blessing to all of us

[@ibra_kismayo]

Hopefully I'll master react this year.

[@olisaemekaaghabuilo8688]

Thanks Hitesh. This course is super amazing.

[@joguijo]

Really enjoying your teaching here. Thanx for your great work!

[@AVidhanR]

This guy is so good I can understand it instantly ❤

[@nathanplumb7573]

Hitesh, Great video series on Full Stack React Developer

[@devpavagadhi]

Hitesh sir everywhere ❤️‍🔥

[@LoveCintaAmour]

this is a very and very amazing course. Thanks Hitesh.

[@ahmedali4593]

, you realy giveing me a big motivation by makeing it so easy for me to understand , Thank you ❤

[@selimdalkilic4413]

thank you for this course, very good explanation of coding.

[@samialvi4226]

Anyone who has watched hitesh sirs both react courses in hindi and this one. which one would you suggest me to start watching I'm proficient at both hindi and english thanks

[@elsayedrapaa4529]

Thank you for this wonderful series. We hope for a new series from NEXT.JS 14

[@bakulcsingh]

Thank you for this brilliant explanation of react concepts

[@walterpatrick4038]

This is the best video ever and i have been waiting for this kind of tutorial based on react and appwrite Kudos tutor 👏🏽👏🏽

[@samiul-basir]

Thank you, sir. It's great react course, that I understand friendly.

[@neeman6894]

The tutorial provided is exceptionally beginner-friendly, with all projects proving to be highly beneficial. However, I have a minor query regarding the password generator project. Given that the Math.random function generates numbers randomly, there is a possibility of not obtaining a number when selecting the option for numbers or characters. In such instances, what course of action is recommended?

[@MitrankShah]

Amazing course!!!! I reached till 3.30hrs, I couldnt understand the difference between useCallback and useEffect hooks, can someone explain please, thank you!

[@shuvod3425]

useEffect runs side effects depending on dependency array (if there is no dependency then the useEffect runs greentreed 1 single time on mount) Usecallback and usememo are 99% similar they both memorizes function/looping values it's like it runs the code 1 single time and remembers values qnd then freezes that function/loop.(At that state if there is no dependency then even if you try to change the output and try console.loging it EVEN then it will show the 1st output result.) (Main difference between usecallback and usememo => Usecallback memories function Usememo memories value like maping / simply looping)

[@sin2oo]

The King Himself🙌🏻

[@Hamzakhan8]

Hitesh, The content is very good really I don't write comments in video. But the quality of content you have uploaded is beyond my expectations even udemy course also do have so much in depth. Thank you bro for such a nice video. Are you planning to upload React router dom series in future

[@julianreyes4]

Hitesh, Learning a lot. Thanks

[@kuldeepdawar7496]

Great explanation for Redux Toolkit..

[@NamingZone]

amazing tutorial really appreciated

[@shahzadasif8772]

Hi Hitesh, Great in-depth walkthrough about how the React application is defined.

[@joelgeorgesam7982]

What are the prerequisites for this course?? Is he doing any projects or is this only a tutorial?

[@VISHNUKUMAR-eg1he]

Nice to see you sir at code camp love you sir ❤

[@onothodox]

I got lost in the big appwrite project, you were writing and explaing the code. However, if I don't see what the code does at certain intervals, i really wont be able to connect the code to its functionality.

[@QuantumCanvas07]

Take a notebook or ipad along with the tutorial as you'll need to visualize the program flow

[@Alimisolution1]

Nice project, since I started watching your video it has been an amazing one Sir Pls Sir Can you help us Create Mern Stack full project with Typescript, TailwindCss, React-Query, multer, cloudinary , stripe e t c I will be very happy if you can help with this

[@CindyGodoy-g6h]

This was excellent! thank you!

[@shishir_who]

Finished Context API, let me try it now! :)

[@arslanmuhammad4190]

Hitesh the Boss. My Motivation.

[@sonubehera7882]

Finally wait is over

[@parthdeshwal4419]

if anyone has watched this video completely it would be great if you can review it.

[@adeebahmed1067]

be the one to review it, don't wait

[@farhanfaraan1]

Very useful tutorial thank you very much sir

[@karthiksundaram544]

Superb teaching dude❤

[@kumargupta7149]

Wow Hitesh Bhai, please mention chai and code channel also❤

[@arfathmomin2029]

Hitesh Sir's Hindi React playlist: kzbin.info/aero/PLu71SKxNbfoDqgPchmvIsL4hTnJIrtige

[@sahilsrivstava2356]

Is there any difference between this video and the two long React videos (Part 1 & 2)? Which video will provide more knowledge?

[@noah4414]

Great video, learned a lot from this

[@xdjqye]

is it enough to master react?

[@akshaykumar8300]

Hlo, Make one shot or playlist on complete system design......

[@KK-ii3sh]

best explained course ❤

[@ninjask8ter]

07:22:15 "If Not isTodoEditable then we'll just keep it as it is" Could you elaborate about what you mean? Could you explain what this is doing? It seems like it's toggling isTodoEditable but you didn't explain this-- else setIsTodoEditable((prev) => !prev

[@prasadjambhale]

Yes it is toggling isTodoEditable value between true and false. If value is true it will become false and vice-versa.

[@mariusherlea9333]

Building small things help learning👌

[@khanshab02013]

Big fan hritesh bhai ❤

[@servivetech]

❤❤ hitesh choudhary 🎉🎉🎉

[@kepler8750]

Thank you so much for your videos!