React js full tutorial in Hindi | Complete Course

[@codestepbystep]

Please support me by subscribe, Like, and comment :) Thank you

[@Kijen2580]

Is this course still relevant ? I heard create react app is deprecated from react version 18 . If anyone have any idea please comment. It Will be a great help

[@disha9876]

I cannot thank you enough. I was low on confidence, but sirf course dekhne se hi thoda build hone laga h.

[@ashutoshrashtrawadi4812]

Please provide us json file for api link

[@lazyTechTube]

click alt+z when horizonal scroll bar come

[@AbhishekSharma-le5kq]

Bhai u are really gems 🙏🙏🙏

[@rishihardia2882]

HI Anil, I just wanna thanks to you, I have 3+ years of exepreince in Vue js and your tutorial completly helped me to switch to React just in 7 days (actually in 9 hrs). I have cracked 7 interviews just because of you. Thanks Man :)

[@codestepbystep]

Great bro

[@nishacs4855]

You crack the interview only after seeing this vedio..I am asking you one thing plz tell me is it worth.

[@rishihardia2882]

@@nishacs4855 ofcourse it is worth for those who dont know even R of React and have front end experience.

[@amitshukla2268]

You gave me the motivation to complete this video bro :)

[@jerryti742]

Bhai Mera v job lagwa do please

[@iamsuuraj]

Sir, I tried many courses but this full fledged course is the best of all. Every line explanation and proper valid reasons as to why one should even perform a click. Explanation to every activity is something a real developer can explain. 👌

[@iamsuuraj]

Sir could you please guide to get a job based out of react. Companies ask for multiple stacks how is it possible to learn everything that too with a current ongoing job. Please make a separate guidance video as the steps to follow. @Code Step By Step

[@mohinisingh7542]

❤

[@anexocelisia9377]

@@iamsuuraj I know this q was asked by you earlier.. Can u tell the answer now? it would be helpful!

[@gopichand3378]

TWO CORRECTIONS:- 06:29:27 - forwardRef is not necessary since we can pass ' inputRef ' variable directly through props. 06:54:39 - Components can be called directly without props, they only need when calling something INSIDE the components. These I tried and worked.Correct me If wrong

[@amanchawla6815]

Anil bhai, I am unable to explain how helpful and clear this video is in explaining the concepts... Saying only Thank you would not be enough for such quality content..

[@sonu-if4ym]

I have not seen this video even, but i love anil sidhu sir because I learnt angular from him (63 videos) , u can understand even I don't know what all things inside angular but i now bit confident..

[@sameerahmedshaikh4479]

Thank you so much for this video, Anil Bhai. I have almost completed your Angular series and I will start this react series soon. Because in the upcoming week I have an interview. And I am sure this will definitely going to help me a lot.

[@maroofkagzi2258]

Hi Anil Sir, I have completed this tutorial. it was very well made by you. I really appreciate your effort for providing best quality and easy to understand tutorial. keep going sir. Thanks and Respect.

[@codestepbystep]

Thank you 😊

[@Kijen2580]

Is this course still relevant ? I heard create react app is deprecated from react version 18 . If anyone have any idea please comment. It Will be a great help

[@hawkeye2463]

KZbin ki sabse best react ki video lagi mujhe thanku so much for this ❤️

[@pitabaspradhan6268]

0. (00:00​) React js and course Introduction 1. (00:08:36​) React js with cdn and without any installation 2. 18:22​ Installation for react js(node,npm,create create app) on windows os 3. (27:50​) Write First Code with ReactJs 4. (34:00​) React js project File and Folder Structure 5. (43:43​) what is package.json in react js 6. (50:40​) component in react 7. (1:01:38​) class component in react js 8. (1:09:24​) what is jsx in react 9. (1:17:44​) Click event in react js 10. (1:27:19​) State in react functional component 11. (1:38:28​) state in class component in react 12. (1:46:14​) props in the functional component in react 13. (1:59:50​) props in class component 14. (2:12:50​) get input box value 15. (2:21:00​) show and hide element (toggle) 16. (2:26:53​) basic form tutorial 17. (2:38:16​) if-else conditions 18. (2:46:18​) pass function as props 19. (2:54:18​) introduction to react js life cycle 20. (3:00:11​) constructor life cycle method 21. (3:07:27​) render life cycle in React js 22. (3:18:50​) component did mount react js life cycle 23. (3:28:19​) component did update react js life cycle 24. (3:40:57​) Should Component update in react js life cycle 25. (3:49:33​) componentWillUnmount in react js 26. (3:58:22​) Hooks in react js 27. (4:4:51​) useEffect hook in react js 28. (4:13:52​) useEffect with state and props in react js 29. (4:26:46​) Style type in react js 30. (4:32:49​) install bootstrap in react js 31. (4:40:17​) Handle array with list in react js 32. (4:54:47​) List with bootstrap in react js 33. (5:5:53​) Nested list with a nested array in react tutorial 34. (5:18:00​) How to resue component in reactJs 35. (5:27:26​) Nested list with a nested array in react tutorial 36. (5:36:57​) React js send data child to parent 37. (5:46:20​) Pure Component in React js 38. (5:58:11​) Use memo in react functional component 39. (6:07:01​) Ref in React js 40. (6:16:40​) useRef in react functional component 41. (6:24:02​) React js forward ref 42. (6:32:12​) React js Controlled Component 43. (6:40:00​) React js Uncontrolled Component 44. (6:48:40​) React js High order component 45. (6:59:11​) React js Routing basic 46. (7:08:04​) React js Routing example 47. (7:18:46​) 404 page in react routing 48. (7:27:48​) React js Dynamic routing 49. (7:40:50​) React js Call Get Method API- HTTP call 50. (7:50:82​) What is postman 51. (8:00:14​) How to call post method API in react js 52. (8:18:34​) React js delete method API 53. (8:28:22​) React js pre-filled form 54. (8:36:35​) React js update API method 55. (8:47:17​) React js get the previous state in the functional component 56. (8:59:46​) get previous props in react js with hooks 57. (9:09:54​) Context API in react js 58. (9:30:17​) React js interview Questions

[@aashishgupta4516]

1) Difference between axois, fatch and ajax 2) Please provide graph ql tutorial

[@mikeraj8907]

I can say this is the best video on KZbin on ReactJs. The most required one sir. U are great. Thank u so much👍

[@syedakinza9985]

This tutorial is really very AWESOME. I have learned a lot from this tutorial. This tutorial cleared all my concepts regarding React. Recommended for all the beginners of React. Thanks, Anil :)

[@codestepbystep]

thank you

[@digitalmarketingzingzal2810]

@@codestepbystep kindly explain toggle performance part as you said in session 17.

[@Kijen2580]

Is this course still relevant ? I heard create react app is deprecated from react version 18 . If anyone have any idea please comment. It Will be a great help

[@mohitahir6020]

React ke phle kya kya. Sikhna chahiye

[@Kijen2580]

@@mohitahir6020 javascript advance level and basic of html and css

[@shahbazalam1482]

Watching your video made me realised one thing, I have checked some other You tubers video too on the same topic who completed the same course in couple of hours and they have subscribers in millions, this made me realised why there is very less availability of good developer Thank You so much for spreading such information in detail Keep posting. God bless You

[@ajaychavan6221]

its become very easy to learn when you explained reactJS (great teaching skills)

[@codestepbystep]

Thank you for supporting

[@someshpatil4151]

@@codestepbystep sir can u give that all code in one file with topic name . That will help more

[@Kijen2580]

Is this course still relevant ? I heard create react app is deprecated from react version 18 . If anyone have any idea please comment. It Will be a great help

[@Heavy-coder11]

bhaiya bhoot bhoot thnq you aapke vedio se me react sikh gayi mene bhoot sare vedio playlist dekhi tab laga smj nhi aara chodh do reactnhi hoga or that time aapka vedio dekha or really maja aara hai padhne me thnq you amazing vedio banane ke liye please nodejs ka bhi ek vedio bana do bhiaya please♥♥♥♥♥

[@jatinnandwani6678]

Thanks!

[@kaishali1222]

Aapne jo video ke beech beech jo questions puchhe hain that's make so unique this tutorial.❤️❤️

[@vimlesh_verma16]

The best tutorial of react in 1 video .....❤

[@shivanigaddagimath6105]

Hey Vimlesh! Are you a student or working currently? would you be interested to explore job opportunities in web development?

[@vimlesh_verma16]

@@shivanigaddagimath6105 i cant do job right now as i will be joining any nit for mtech, i can do intership.

[@rombn9080]

@@vimlesh_verma16 how to find code it is not avaialble on git

[@vimlesh_verma16]

@@rombn9080 its not on git you have to study and make ur note

[@dilipbaghel9535]

great video sir you explain everything so well whenever you take "sidhu" as name in the example of programme ,"sidhu moosewala" comes in my mind

[@aeroplane769]

so far we are just learning the topics with the examples but it would not be enough. can we have a video series on making robust react apps from scratch?

[@saurabhkumarjha4996]

for that you can watch a build video and make ur own. that could help here in this topic bhaiya is explaining the concept more clear way like nobody would do.

[@balawantkadam1062]

This is very best and easy to learn tutorial👨‍🏫 for react. It is very beautifully explain ed all things.Anil sir very thank you 🙏😍

[@niravbhoi7934]

7:08:36 46. React js routing example. React router dom v5 is used in the tutorial. The latest is v6 so there are changes in the code.

[@idrees041]

MashaALLAH . Allah pak ap khush rakhay bhai . you are great, this lecture is helpful

[@subhu143]

2:46:13 Haan variable se b hoga lekin agar ham dynamically change karke usko so kaam nehi karega kyunki hamara dom rerender nehi hoga.. State hota to changes me re rendered hota☺🥰

[@rajubeshra1462]

Thank u for this video brother, it helped me a lot to learn about this library. May God bless u 🙏 Huge respect from my side. Keep hardworking 💯

[@mohitahir6020]

React ke phle kya kya. Sikhna chahiye

[@kdpatel2846]

yes, jsx ko app bija react ko use kar sakte ho because the xml is a java script main kahi bhi use karsakte ho

[@jayendrakapadiya1936]

Hello, Anil, Could please provide video session for ecommerce project in react with API and DB integration (like MSSQL or SQL) with node js

[@codestepbystep]

Here is complete series kzbin.info/aero/PL8p2I9GklV45Oiq7svCLT2xmOoCogUgrO

[@rombn9080]

@@codestepbystep how to find code it is not avaialble on git

[@subhu143]

5:05:00 We can use another in first and put the index+1 value because index start from 0 and put in upper table another put slno

[@shivani9840]

Hey Suvam! Are you a fresher and open to opportunities in web development currently? Have you created any projects in JavaScript frameworks?

[@singhdawarrior1829]

starting my react develop career by watching this video

[@dhirajshiraskarofficial615]

I am watching your video for couple of days and it was really helpful thank you

[@gautamyadav-ju9xs]

Finally mena ye complete kr hi leya😊😊😊

[@AmanKhan-gl6tb]

Y nhai React kis Kamm Mai ataa hai...

[@Rahul-bp1yk]

@@AmanKhan-gl6tb website

[@chandlerchaudhary1363]

Kaisa hai bhai course, ur reviews please

[@Rahul-bp1yk]

@@chandlerchaudhary1363 Bhai agar tum computer expert banna chahte ho toh Tumhe website Bnana ana chahiye or website sikhne k liye react js se Acha course koi nhi hai because har interviewer react js k Barre mein ek na ek Baar puchte hai . Isse. Is course SE kam SE kam 1 lakh salary per month milti hai Mera dost BHI jehi Kiya tha or 1 lakh job par hai boh or mein BHI jehi Kar rha hun . Agar apko computer mein interest hai toh is course ko jarur kare

[@chandlerchaudhary1363]

@@Rahul-bp1yk thank you bhai for your motivational words, I completed the course fully now and I can feel I have good understanding of the concepts

[@anishjain3716]

Completed This course fully... Thank you Thank you Thank you...👌 Awsome tutorial..

[@umairahmed9827]

Quick Beginner Help: Install ES7 React/Redux/GraphQL/React-Native snippets extension. type 'rcc' for quick class component code skeleton type 'rfc' for quick function component code skeleton etc...

[@shankarpesala921]

rce*

[@kunalpandey3579]

This is by far the best tutorial for React JS . I request anil Sir to please make a one short video for React Native

[@adnanbinalam2539]

Everyone using Mac windows for tutorials but you use Ubuntu that’s I like very much because I am a Linux user and your react course is nothing to say just awesome

[@deepankarbardhan]

Very nicely explained , arouses interest in the learner . Are u planning some videos on backend technologies like spring boot also

[@mohitahir6020]

React ke phle kya kya. Sikhna chahiye

[@ammaribrahim8236]

@@mohitahir6020 html,css,js

[@MayankSingh-nk7xj]

I am your big fan 🙏🙏 ..hope ki aapki company me interview call aye to aap hi ho interview panel ho..

[@Anonymous-gq5ow]

Sir please makes series only on functional component bcoz class component is outdated :)

[@omkarshinde7466]

Mai bhi phale yahi sochata tha sur class comp skip karata gaya aur muze aaj sirf class comp sikhane ke liye yah video dekhana pad raha hai . class comp is also important . u should learn it because we can redux only with class compo. And old projects are on redux so companies are asking about redux coz there some work on also old projects

[@shivanigaddagimath6105]

Hey! Are you a student or working currently? Would you be interested to explore job opportunities in web development? Where are you based?

[@shivanigaddagimath6105]

@@omkarshinde7466 Hi Omkar! Are you a student or working currently? Would you be interested to explore job opportunities in web development?

[@Anonymous-gq5ow]

@@shivanigaddagimath6105 I'm looking for a job right now

[@shivanigaddagimath6105]

@@Anonymous-gq5ow We are a web development company looking for web developers. Can er please get in touch on LinkedIn? Just search for Shivani Gaddagimath on LinkedIn and request to connect please. The first profile that pops up is mine.

[@Terminator504]

I am watching your old playlist of react i have watched 10 videos . should i continue or go with this course.

[@krupaligoyani4363]

Seriously, you are God gift for us sir🙏🙏🙏..I just watch 1 hour of video..bt I can't stop myself to say thank you..it's very very helpful for me..Thank you so much sir🙏🙏🙏

[@shivani9840]

Hey Krupali! Are you a fresher and open to opportunities in web development currently? Have you created any projects in JavaScript frameworks?

[@mohitahir6020]

Ye course apne Sikha kya

[@kafeelkhanafridi7176]

CDN provides a quick start, npm offers a more comprehensive solution for managing dependencies and building scalable applications

[@VibeRover]

Bahot mahol teaching hai apki...........fan ho gya m apka❤️

[@shocchosolutions6275]

Next react native ayaga keya

[@TeenagerCoder]

i think yes we should use this in functional componenet i just realise that i learn one concept in javascript about memorizer it does that if the user input is same as previous then it dosent run program again it just skip and show the stored previous output it save lots of second time in functional we use usememo function thanks

[@user-kp7yh8xh3g]

The most important file for react is index.js cuz this file is the entry point of react and also connect to index.html. we don't push node_module because this file stores bundles of files and this make folder heavy If someone want the node_module inside your project file then you have run a command called NPM INIT

[@infomahboobali]

Hi Anil, Just now completed your reactJS tutorial it was really helpful. can you answer one question like which one is preferred liberary for styling other than jQuery?

[@smritirawat8504]

Hello sir i am watching this video in 2024 and it was really great but as this video is 3yrs from now onn could you please make one video for comapring whats new and what are the updated features of react js in 2024 Thank you so much and dsa js is also great❤

[@rajukapadne6502]

Excellent teaching , Thank you so much sir.

[@kamalbanoudhia9760]

Hello Sir, Really you have created a very informative and easy tutorial, I start reading today.

[@subhu143]

1:27:10 I think hamne data ko global declare kiya tha jab hamne local function me use change kiya wo change nehi hua

[@honeyverma2755]

sir! i have no words to thank you !!! ....literally you helped me a lottttt ....and i wish , may god help you a lot too in every phase of ur life

[@technologicalvivek7510]

Where i can find the slide that you have used in this lecture?

[@neelshah4561]

Can you please provide notes or source code of all sessions (github link) ?

[@CSe_IT_Guy]

Yes plzz

[@shivanigaddagimath6105]

Hey Neel! Are you a student or working currently? Would you be interested to explore job opportunities in web development?

[@joebidenn4831]

@@shivanigaddagimath6105 yeah i am interested to work as web dev

[@gouravjangra7203]

@@shivanigaddagimath6105 I am Looking for job as a React developer

[@saurabhideshmukh718]

I m also searching job for web developer post

[@pritamdebnath849]

This type of content is rare. Keep it up Brother!!!👍👍

[@ruchigarg3255]

thank you bhaiya aapne bahut acche se saare topics cover kiye hai or aapne bahut hi acche se samjhaya hai sb thank you soo much

[@rajusharma823]

6.6.1 the react router dom has been updated and uses element to display it.

[@venkateshk3659]

very good explanation 👌 👌 👌. Looking forward Next.js with firebase authentication , authorization 🙏

[@rombn9080]

how to find code it is not avaialble on git

[@waez2120]

5:51:01 pr component rerender kyu horha jabki state ki value same hai(count=1)

[@muhammadiftikhar3152]

Salute and respect from Pakistan

[@saurabhideshmukh718]

This react video was one which i was searching for🤗

[@monster96official]

anil bro is not working im getting this Error: A is only ever to be used as the child of element, never rendered directly. Please wrap your in a . help me out

[@subhu143]

Routes tag me wrap karlo route ko bro

[@shubhamchaurasiya4943]

Very helpful ............love from U.p.

[@codestepbystep]

thank you

[@shivanigaddagimath6105]

Hey Shubham! Are you a student or working currently? Would you be interested to explore job opportunities in web development?

[@shubhamchaurasiya4943]

@@shivanigaddagimath6105 Yes I m searching for jobs in web development...

[@shivanigaddagimath6105]

@@shubhamchaurasiya4943 That's great! Can we please connect on LinkedIn for more details? Just search for Shivani Gaddagimath on LinkedIn and request to connect please. The first profile that pops up is mine.

[@abdulhannan3702]

This tutorial is best for beginners

[@bhawishyasingh6281]

Sir i have questions why we need use memo we can do this same thing useing use effect to pass a value in array dependency

[@kartikverma6641]

Hello sir I am not from IT FIELD and I want to change my domain from life science field to IT FIELD so my question is can I learn this language and get job?? currently I am doing job in TCS in life science field (BPS)

[@reviewsjojo2249]

Kr sakte ho but depends on the time you give for learning theses languages, libraries and frameworks I am also shifting my career from Office assistant to IT software engineer or may be a webdeveloper

[@gamingminaty7538]

Sir, you are awesome 👍

[@hemantagrahari4298]

Hello sir please create project in Angular sir with authentication

[@abumaaweb9139]

1:45:48 The State Is Fully private to the Class Component...Unless There is call to state object in other component with "Props"😇😇😇😇

[@Joynal05]

Finally, I finished it.

[@digeesite1631]

Very informative Course

[@subhu143]

Anyone facing problem with routing then uninstall the 6version routing :- npm uninstall react-router-dom Then install :- npm install react-router-dom@5.2.0 Error will resolve

[@kunalbiswas372]

You're a GOD🙇🙇

[@bidyutbiswas5148]

Thank You Very Much Yr, Our Love and support always with you

[@shivanigaddagimath6105]

Hi Vidyut! Are you a student or working currently? Would you be interested to explore job opportunities in web development?

[@digitalmarketingzingzal2810]

@codestepbystep At class number 17. interview question about toggle comparing with jquery. You told you will explain in the next video at 18. Kindly explain why the performance issue happen if we use toggle as jquery in react and let us know how to use it.

[@zeshananwar9383]

love you sir kamal course thank you from pakistan.....

[@anshitanagar8072]

State is private

[@shivanigaddagimath6105]

Hi Anshita! Are you a student or working currently? Would you be interested to explore job opportunities in web development?

[@entertainmenthub9303]

Bhai, It is written every where, that state is private and fully controlled by the component. How is it public?

[@DeepakSingh-eq8jl]

Great man superb Explanation keep it up bro..

[@codestepbystep]

Thank you

[@jigarkumar9073]

Waah bhai apne bahut acha samjaya he. (y)

[@shivanigaddagimath6105]

Hi J Kumar! Are you a student or working currently? Would you be interested to explore job opportunities in web development?

[@avinashverma6533]

Thank you so much sir mja aa gya . 🙏

[@puranbareth4672]

Best React Video On YoutTube. The Best......

[@nareshchowdary3252]

U can use also rfc=function component, rcc= class component Short cuts in vs code

[@codestepbystep]

for that you need plugin

[@shivanigaddagimath6105]

Hi Naresh! Are you a student or working currently? Would you be interested to explore job opportunities in web development?

[@nareshchowdary3252]

@@shivanigaddagimath6105 I'm looking for react developer

[@shivanigaddagimath6105]

@@nareshchowdary3252 We are a web development company based in Bangalore, India, and looking to hire react developers. If you're interested to apply for the opportunity, please get in touch with me on LinkedIn. Just search for Shivani Gaddagimath on LinkedIn and request to connect please, the first profile that pops up is mine.

[@AbhishekSharma-ws7hm]

Most important file in react file structure? package.json is the most important file as it contains all the important dependencies of the project. Why we don't upload node modules folder on git ? Because node modules folder contains a large number of files sometimes more than 10k+ which will take a lot of time to upload. But this node modules folder can be easily created with the help of package.json file which contains all the dependency, we simply have to run "npm install" command on cmd inside of the project folder.

[@mistryjayendra]

Hello Anil, Interview Question Part-2 video have very slow voice can you please update that part ?

[@ashishhverma]

I've watched all your ads to support you... Because you're a great instructor... ❤

[@codestepbystep]

Thank you

[@ashishhverma]

@@codestepbystep mention not... I'm watching this tutorial and you replied... Very fast...❤ Please make a node.js complete one video

[@codestepbystep]

Ok

[@Nizamuddin-ho2fd]

Bro Your this video is very useful. Can you please make a detail video for Redux , Saga , Thunk ??

[@praveensuthar4416]

Sir import index.js me karna important h uske bina to koi output nhi aata....!!

[@TeenagerCoder]

in put we need to give all property with their value to add but in patch we just need to give which specific property you want to cahnge and unless become same

[@dishasathavara]

Grateful.! for this video. : )

[@octayoutuber1]

3 million walay bhi Anil Sir kay pass say bhi nahi guzratay.

[@codingclasses7156]

8:28:01 "Bashart-ye" Nice urdu SirJi

[@TeenagerCoder]

the warning or error comes becuase we have not provided any specific id or key to array of object of we can resolve it by adding id property in array of object or we can use key in map function

[@daily_thoughts9457]

make a website project with react

[@divvagg5616]

Is that a newly made video or it is compilation of your previous videos

[@shivanigaddagimath6105]

Hey! Are you a student or working currently? Would you be interested to explore job opportunities in web development?

[@TeenagerCoder]

yes we can function or function in hook useeffect

[@safar_incarnate]

Which will better 2 hours video or this

[@jaycodes8790]

Amazing course.... But without Redux react is incomplete

[@shivanigaddagimath6105]

Hi Jay! Are you a student or working currently? Would you be interested to explore job opportunities in web development?

[@jaycodes8790]

@@shivanigaddagimath6105 I'm working currently

[@ashutoshmuduli509]

bro i have an doubt on to pass html inside the props you told the simple one line code but show the example ..

[@manojkumarsharma3240]

Amazing technique for teaching. thanks