🔥 🔥 Complete React Js with Project tutorial in hindi 🔥 🔥 + Backend Spring boot

Подписаться 299 тыс.

Просмотров 420 тыс.

50% 1

In this video , we are going to learn complete react js with project in one video. we will cover all the important concepts in one video.
Complete React Js with Project tutorial in hindi + Backend Spring boot
Track List:
___________
00:10 - Introduction of Video what we cover in this video
03:04 - Prerequisite of React Js
05:10 - what is react js , complete explanation
11:36 - React is component based
15:17 - Installing Required softwares
20:47 - Creating React JS Project
30:32 - Running React Project
34:00 - Project Structure, Working of React Js
42:13 - Creating our own React Functional Component
56:21 - Installing Libraries Bootstrap, Reactstrap, Axios , react tostify
01:10:58 - Practice of Creating more component
working with the component , forms and other things
01:36:50 - Add Course Component, working with form, creating a form using reactstrap
01:49:17 - Understanding the project layout design
Creating Layout using Bootstrap and Reactstrap
02:05:09 - Routing in react js, react-router dom
02:15:50 - Calling api using axios
2:15:50 working on project (Courses App)
Backend Spring Boot Code:
• Rest API using Spring ...
Important Videos:
➡️Learn JDBC in one video: • JDBC Crash Course in 1...
➡️Learn Python in One Video : • Learn Python in One Vi...
➡️Learn html in one video : • Jquery in one video in...
➡️Learn html form in one video : • Jquery in one video in...
➡️Learn JavaScript in one videos : • Learn JavaScript in O...
➡️Learn Form Validation using javascript and jquery : • Form Validation using ...
➡️Learn Css in one video : • Jquery in one video in...
➡️Jquery in one video : • Jquery in one video in...
Kotlin in one video : • Kotlin | Learn Kotlin ...
➡️Complete Python Project - RU-vid downloader in one video : • Jquery in one video in...
Important Playlist:
➡️E-Commerce Project using Java : • E-Commerce Project usi...
➡️AWS Free Java Hosting Playlist: • AWS Hosting Tutorial |...
➡️Hibernate Tutorial Playlist: • Hibernate Tutorial for...
➡️Learn Technology in One Vides: • Learn in one video : C...
➡️Programming Tips for Programmers: • Coding Tips and Discus...
➡️Complete Python for Beginners: • Complete Python Tutori...
➡️Important Python Projects: • Python Projects in Hindi
➡️Complete Servlet & JSP : • Servlet and Jsp (Serve...
➡️Complete JDBC ( Java Database Connectivity) : • JDBC(Java Database Con...
➡️Complete Java Project : TechBlog: • Full Java Advance Pro...
➡️Java Swing Projects: • Java Projects for begi...
➡️Java Core Concepts: • Java Core Tutorial
➡️Kya aap Jante hai Series: • kya app jante hai : s...
Important Links:
➡️OnlyJavaTech- Programming Tutorial:
➡️Free Hindi video courses:
➡️TechSoft INDIA: www.techsoftin...
➡️Follow me on instagram: / durgesh_k_t
➡️Follow my page : Learncodewith Durgesh: / learncodewithdurgesh
Disclaimer:
All videos are for educational purposes and use them wisely. Any video may have a slight mistake, please take decisions based on your research. This video is not forcing anything on you.

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

5 окт 2024

Ссылка:

Скачать:

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

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 481

@pranaykosulkar641 4 года назад

Sir you don't know I was eagerly waiting for react tutorial specially from you being my favorite teacher on RU-vid God bless you Bhai, May you live long.

@nishanthedaoo8937 4 года назад

Hello sir, Appka explain karne ka tarika achha hai... Easily samaj jaata hai sab... Aapke tutorials ke wajese mai jsp, servlet, hibernate, spring sikh gaya gaya... Thank you sir...🙂😀

@vantal4115 Год назад

For those getting error for jumbotron ..in the latest versions of bootstrap the jumbotron component is removed in favor of utility classes like . bg-light for the background color and . p-* classes to control padding.

@vivekverma8240 Год назад

hey ,in my code by default its taking center align and also not working ml-3 between the two buttons.what should i do?

@RealityMXI Год назад

ml is replaced by ms

@RealityMXI Год назад

@@vivekverma8240ml is replaced by ms

@satyaprakashswain1998 Год назад

how to resolve jumbotron issue. please help me brother.

@aquibislam9225 2 года назад

The course is nice and all but it is a terrible idea to not provide the source code , it's more than 3 hours of video , you can not expect learner to go back and forth in the video to check out some code again and again , really frustrated ! Please provide the link !!!!!!

@Spider-Man_67 5 месяцев назад

Exactly

@kaustubhchoudhary6024 5 месяцев назад

Provide readymade code and no one watches the video.. I created the whole project by watching the 3 hour video back and forth. Thats what is hard work & no shortcut

@Spider-Man_67 5 месяцев назад

@@kaustubhchoudhary6024 You said correct 💯💯💯💯💯💯

@Super-king123 25 дней назад

More practice more package 📦😂

@irshadalisaiyed9257 3 года назад

Bahut hi badhiya bro.... React sikhne ke liye 80-90 videos ke tutorial dekh ke bhi jitna nahi sikha vo apne sirf ek video me hi sikha diya.... Age bhi aap MERN stack ke liye video banaye to bahut hi achha hoga....

@dhareppasasalatti7102 3 года назад

Thank you so so much for the contents. Really helpful, one more thing is that it would be better if you could have created one github repo and push this code over there. Because i got lagged in 3 times.. So now i am feeling like clueless..

@AtharvMirajkar-sn6ud 6 месяцев назад

2:10:30 2:40:00 In Spring Boot Application, on the controller add @CrossOrigin(origins = "*")

@ArefinMalek-bk4ic 6 месяцев назад

where is spring boot backend video ?

@ArefinMalek-bk4ic 6 месяцев назад

do you have the code

@Colorbowl80 4 года назад

Sir abhi tak maine itne sare youtube channel dekhe...but apke jaisa headsoff Sir...kitne ache se aap technically samjhaye hai....Sir...Nodejs me bhi restapi create karte hai....isi reactjs project k saath Nodejs as a backend ka video...banaye....please..thankyou Sir...

@MadanShrestha-bz1cv 6 месяцев назад

Long life sir. May you get everything you wish for in your life. You are god gifted to show path to those who lost their way and was hopeless in life.

@Dineshsingh-qt9yk 3 года назад

Thanku so much I don't know cleary that how to open command prompt and create the file in command prompt but sir you learned basic command prompt. I beg form God that you live long year and your life always happiness.

@dhirajkumarlll Год назад

If you are getting CORS error. Just add @CrossOrigin(origins = "localhost:3000/") over the method on which you are making call. For Example in my case : @PostMapping("cources") @CrossOrigin(origins = "localhost:3000/") public Cource addCource(@RequestBody Cource cource) { return this.courceService.addCource(cource); }

@kartikpatil5293 Год назад

thank you!

@pm-oj2jr Год назад

sir i am getting this error please can you help me

@dhirajkumarlll Год назад

@@pm-oj2jr wait I will reply you soon

@VeereshPatel15 3 года назад

Love ❤ for ur efforts and ur content In future I am expecting videos on Frontend roles and Responsibilities like 1. What actually frontend developers do in realtime ( different tasks) 2.. How manage 4+ experience in realtime 3. . How to crack any frontend interviews with 4+ years of experience 4.....Easy way to to crack any angular/reactjs interviews with 4+ experience/10lack package ------) )) 5....Top 20 program's to cover entire angular/reactjs syllabus.----)) 6....Top 10 angular/reactjs concepts with examples

@dragonhot6951 Год назад

U must also include the git links for code ,It would be NYC and great to go through and understand much betterly

@arindamghosh636 4 года назад

The most awaited tutorial. Hats off to @LearnCodeWithDurgesh sir ❤

@patilvijay41 3 года назад

It's very useful tutorial to understand basic concepts. Great job and appreciate your skill of teaching.

@Coding_helper89087 2 года назад

i am really thankful for this tutorial i have learnt mysql,reactjs from your tutorial and i got easily...i have seen many reactjs video from youtube but i didnot get and finally your tutorial came in handy at last...you are one of the best

@John12685 4 года назад

Sir pls make complete series on Automation testing with java. Thanks 😊 Love ❤️

@sharifulhaque6809 3 года назад

Most easy way teaching and understanding. Thank you Durgesh 😊

@ArjunShresthaVlog 2 года назад

You are the best teacher in RU-vid I found. i never try react before but i learned it in one day. I have already Subscribe you and liking your most of the videos. Thanks

@KITELOVERBAREILLY 2 года назад

ultimate video bhai.....pura samjh me aa gya....👌❤️❤️❤️❤️❤️ 3 hr ....subh tak dekha.....

@alienworld3742 3 года назад

This Really helped me to get a clear understanding of react basics and how things work in it. Thanku so much for making this tutorial

@puv2111 6 месяцев назад

Thank you sir ,. I have watched many video's of react but you are the best 💯.. ❤❤

@ashrafjamal7178 3 года назад

Thanks sir...khuda aap ko bahut bahut aage le jaye mai dua krunga ,,,,Bahut kuch sikha aaz mai .Thanks a lot

@VikashKumar-ww3hf 3 года назад

Appreciate your Hard work Durgesh..this course is must watch recommended

@DeepakGupta-hj2dv 4 года назад

Great sir thank you so much change for my life 😊😘👌👌

@rishikeshkumar6590 3 года назад

Best teacher ever

@yeeroj 2 года назад

Aapka jitna dhanyawad karein , utna kam hai

@RAHULKUMAR-fn1fj 4 года назад

Bhut acha feel hoa ki ye wali video ka notification dekhkr sir ...ase hi ache ache project mai maja aayega sir keep going😍😍😍

@nirmalsingh1594 3 года назад

sir, maine iss video ko 6 din mai complete kia hai. aur bilkul aise hi application bna di. hooks weak the mere but i did it.and i got a job as well.

@mnalam591 Год назад

Thank you so much for this tutorial, love the way you teach, cleared many react concept, thank you once again.

@AjayGupta-ob8oe 4 года назад

Sir plz aap angular ka ek complete tutorial with spring boot baniye.

@aarikamishra5527 3 года назад

It was amazing course, all summed up. Keep bringing such tutorials. It was fun learning that. ☺

@sundramyadav4228 4 года назад

Bhai you doing great job .I shared your videos to my friends to follow you.

@prathameshmali2139 Год назад

man gaye guru this is what i needed for my project

@ankitpatil5952 Год назад

Use @CrossOrigin in controller class if you didn't get output on console

@anunayarimal3678 Год назад

Not working for post can you share code

@shubhshubham21 4 года назад

Thanks for this project sir ... I really appreciate it

@The_financial_Notebook 4 года назад

Sir, Apane bohot acchese padhaya. Bohot sikhne ko mila. Ty sir

@Chatuphale 2 года назад

Thank you so good bro you are very good just because of you I learn this react course very easily once again thanks 🙏🙏💐💐👍👍👍

@prajnaparimitakheti4027 Месяц назад

Simple and clear...Thanks for uploading

@009_shivamverma5 8 месяцев назад

jumbotron is not supprot in reactstrap so what to do? @LearnCodeWithDurgesh

@parulsisodia1077 4 года назад

very knowledgable video for beginners .. thanks

@thunder9809 4 года назад

and one best thing you used functional based component 👌👌👌

@shaikh.quadeer Год назад

dynamic way of handling form data input name=name value={courseName} in add function just destructure e {name,value}=e.target setCourse({...course},[name]:value)

@saurabhdadhich5485 3 года назад

Best video on React so far

@ShakirAli-r7c 10 месяцев назад

Lot's of thanks Dear Big Brother, It was very nice and amazing logic concept.

@sachinbhalla14 Год назад

Best Course for learning React js with Spring Boot 😇

@theWorldOfIss Год назад

Amazing content more on Java full stack developments course 🔄🤝❤

@proudtobehindu2673 Год назад

Thank you so much . Whenever u teach it looks simple

@anukashyap4817 Год назад

thank thank you so much sir aapne wese bhi bahut acheche se samajhaya he ❤ thank❤ you so much sir🙏🙏🙏🙏🙏

@shrutirajpoot6310 2 года назад

if routing error: This means it will render an with a null value by default resulting in an "empty" page. Change in app.js and so on.. as component property is not supported in v6.

@jayeshpatidar7450 2 года назад

Thanks you solved my error dude!!

@kanandeka939 2 года назад

Thanks..i was stressing over this for 1 hour then i saw ur comment. Now I can move forward witht he later part of the video hehe.

@dhirajkumarlll Год назад

You are next to GOD for me, Finally after the struggle for 5 hours I could move forward. Thank you for helping me.

@abhijeetzade3336 Год назад

Thanks bro

@rohanpathak3760 3 года назад

This is really good course to start with. Thank you!

@amitsharma-ri3qk 4 года назад

Sir please make a video series on java script so we can understand js frameworks in depth.you have great explanation power and if you make a series on js we will never struggle in js and it's related frameworks

@dhirajsonawane3720 4 года назад

This is what I was waiting for♥️♥️

@Siddhantgiri 4 года назад

Thank you so much sir for making this course. I was extremely waiting for this type of project.

@abhijeetmandal9966 3 года назад

Thank you so much sir for making this video,it solve all my doubt regarding exception,I am extremely waiting for further videos ,Great work sir 👍

@vaibhavkhatri9426 3 года назад

love this videos sir. Cleared so many doubts in react. Great job sir but I didn't understand update course function.

@harshitdixit9285 4 года назад

Thank you so much sir for this. 1st view and comment.

@rajat1548 Год назад

Amazing content sir. Thank you for your effort. All the mentioned concept are explained so beautifully ❤

@poorabchandrakar5431 3 года назад

Amazing video..I saw lot of videos in react but this was the best till now as your explanation was really good which helps me to clearly understand the concepts....Keep up the good work!!!!!

@dannypatel1663 2 года назад

hey sir, as well as not working any other way please help me

@dhirajkumarlll Год назад

if routing error: This means it will render an with a null value by default resulting in an "empty" page. Change in app.js and so on.. as component property is not supported in v6.

@Grvjoshi28 3 года назад

thank you for providing the best content that too free of cost

@Munjal_Sirsa 3 года назад

Bro you should use "Material UI" in all of your videos....because you did that in one of your video....That's my suggestion

@DamBeliever 3 года назад

very connecting...cleared all doubts. many thanks.

@chaayparcharcha 3 года назад

Maza aa gaya bhaiya... ab bus ek chiz aur bata do jaise angular mein get, post etc k liye common service (function) bana k user kar lete hai aisay react mein bhi ho jaayega? yaa koi aur best practices hai ?

@syedishaq2594 3 года назад

I saw many videos but this fantastic awesome thank you sir

@RahulPatnaik-d6w 8 месяцев назад

Jumbotron is not available now?

@dineshreddypodhigari9407 4 года назад

Thank you, Sir, for creating & sharing this amazing content. Right now this application is running on the local server. Could you also make a tutorial on how to deploy this application on the Cloud. Many thanks again for all your teachings.

@kirannchavan 4 года назад

It looks like dream come true 💯

@GauravGupta-fq1cp 3 года назад

Sir, from where I can found the source code of this project and spring boot project for better understandings.

@PraveenKumarDN 5 месяцев назад

Great tuitorial sirji. Kudos to you !!!!!!!!!!!!

@Devmonty234 3 года назад

Yeah gajab ka project love u durgesh bhai ❣️❣️

@pradeepmali3282 3 года назад

Best Tutorial in youtube 🙌🙌🙌💖💖💖

@devashish_yt 4 года назад

GREAT EXPLANATION, LOVE THE WAY YOU ARE TEACHING. THANK YOU

@preetibatra208 3 года назад

Has anyone implemented the Update part of the application? Please tell how you have implemented?

@glorysingh Год назад

anyone?

@sujanbista5117 3 года назад

thanks so much for this durgesh sir . really appreciated ur hard work.

@uzmanasreen2251 4 года назад

Really thankfull, keep doing sir..☺

@kolathurvinod 4 года назад

Thank you for working with the minutest detail, keep posting such excellent tutorials

@harshitdixit9285 4 года назад

Sir please make videos on python and trending framework projects for placement point of view.

@Guptasir1993 3 года назад

Sir please make payment tutorial with spring boot continue to theses course ...

@Vithal_Nivargi 2 года назад

Your All video are Brand!

@krishnajikulkarni8775 3 года назад

Thanks for this project .. Sir plz make video on Creating Dashboard using Reactjs

@rohitbagadi3058 2 года назад

Thank you so much for creating such great content ❤

@sagarkudu3123 4 года назад

Awesome sir, aap great ho sir...

@Spider-Man_67 4 месяца назад

Thank you, Durgesh Sir, for this project.

@pruthviallur0104 2 года назад

can you provide source code link so that can refer instead of second time to watch video and this helped me lot to understand what exactly react.js thanks for your effort

@sureshgupta7146 3 года назад

Very very Thank you Sir, for this tutorial, You are great

@SurajYadav-yd2cu 3 года назад

best video on react brilliant level explanation

@IndianYakker Год назад

1:15:36 - jumbotron ko import karne par kuch problem aa raha hai .

@gulamgaushkhan218 2 года назад

Amazing and love for your efforts and contents Usefull vdo

@siddhartharauta7483 4 года назад

Nyc course sir .... mind-blowing explanation..... Thank you for this couse sir

@SatpalSingh-mh9jw 3 года назад

Sir this course is very beneficial for me. And i get to know a lot.Sir it would be grateful if you share source code

@jusst_for_fun 3 года назад

Simple way me props samajh aa aya

@jyotisingh8183 3 года назад

Hello sir, Thank you for video. Please let me know from where I can get source code of reactjs+spring boot Api. ?

@soumyaranjansahoo2667 3 года назад

Good explanation.But during server side connection he was copying the code from somewhere else.

@shreyanshgupta8959 2 года назад

In Home.js write the below code if facing the Jumbotron export error and use the CSS provided in my previous comment import React from 'react'; import { Button } from 'reactstrap'; const Home = () => { return ( Deep Learning of react Developed by Shreyansh Gupta for basic understanding of react Start Using ); }; export default Home;