React JS + Spring Boot REST API Example Tutorial

แชร์
ฝัง
  • เผยแพร่เมื่อ 20 ม.ค. 2025

ความคิดเห็น • 168

  • @JavaGuides
    @JavaGuides  4 ปีที่แล้ว +12

    React (React Hooks) + Spring Boot Tutorial - th-cam.com/video/iZqp4B2xkS4/w-d-xo.html
    Free Course - ReactJS + Spring Boot CRUD Full Stack Application series at th-cam.com/video/n43h1eJ2EUE/w-d-xo.html

  • @VANTYCSolutions
    @VANTYCSolutions 4 ปีที่แล้ว +74

    This video is solid gold. I just want to clarify that what you explain in your 39 minutes of video takes up to 450 tedious and boring classes on other platforms to explain the same thing. You save hours or even days of our time. There is no way to thank you for the effort of this magnificent work. 👍👍👍 👏👏👏.

    • @kitchen-e-kausar9105
      @kitchen-e-kausar9105 3 ปีที่แล้ว +1

      could not agree more, I was so afraid to get into this topic because I dont know spring boot, but length of this video motivated me and I understood things, now Im less paranoid about it. Ofcourse I will need to learn it, but this atleast gives me an idea.

    • @elbozo5723
      @elbozo5723 2 ปีที่แล้ว

      you really need to raise your standards

  • @mohantalachutla6834
    @mohantalachutla6834 4 ปีที่แล้ว +106

    If you came here to know how to connect between "react" and "spring" ,-> 24:50.
    Nicely done.

  • @priyan-h2l
    @priyan-h2l 10 หลายเดือนก่อน

    Honestly the best tutorial i've ever come across on Spring boot. Great that, you've explained both the frontend and backend, though it's mainly a backend tutorial. Thanks a ton.

  • @bhawanapurandare1382
    @bhawanapurandare1382 4 ปีที่แล้ว +18

    This tutorial has the most useful content than any other I found on the web. Got to learn a lot! Thank you!

  • @chadsmith71
    @chadsmith71 11 หลายเดือนก่อน +1

    Very nice tutorial. Short and to the point, but very clear. You use the same tools I use, and I like the way your organize your code (model package, controller package, repository packaget, etc). A lot of tutorials don't do that and I just think it is sloppy.

  • @benceszke7209
    @benceszke7209 3 ปีที่แล้ว +2

    honestly... this may have been the best tutorial i have seen sofar

  • @anjalitomar3100
    @anjalitomar3100 4 ปีที่แล้ว +1

    Only since yesterday started to work on springboot ,making project. Got this tutorial as a beginner which is nice. I will follow up with it to get more related stuff in springboot.

  • @shakib651
    @shakib651 3 ปีที่แล้ว +3

    I would highly suggets this video. It very well explains how react and springboot app can be linked. Thanks man.
    P.S: I worked on react seperately and springboot seperately already.

    • @sanketaher493
      @sanketaher493 3 ปีที่แล้ว

      where do u learn them spring and react

    • @shakib651
      @shakib651 3 ปีที่แล้ว

      @@sanketaher493 for springboot, I referred to a udemy course 'in28minutes master java webservices amd restful api using springboot' and 'reactjs Web developer by igneous technologies'.
      If wait for the right time, you can buy the above courses for as less as 380rs each

    • @RahulSingh-nd9xe
      @RahulSingh-nd9xe 2 ปีที่แล้ว

      ​@@shakib651 can u help?

  • @bhushanmali2598
    @bhushanmali2598 2 ปีที่แล้ว

    Very useful. You are awesome man. Love from Maharashtra ❤️

  • @cw9681
    @cw9681 3 ปีที่แล้ว +1

    This awesome tutorial Very straight forward and helpful. It includes how to debug. Thanks a lot.

  • @lingam3717
    @lingam3717 2 ปีที่แล้ว

    Excellent ever video no word to say it's beauty. Really amazing

  • @johnwiddifield4429
    @johnwiddifield4429 3 ปีที่แล้ว +3

    Great content, learned a lot. Thank you!

  • @Javad.Abasalizadeh
    @Javad.Abasalizadeh 2 ปีที่แล้ว

    Dear Ramesh thank you very much I always learn from you

  • @daajason
    @daajason 2 ปีที่แล้ว

    Exactly what I needed! Thanks so much!

  • @rinado4374
    @rinado4374 4 ปีที่แล้ว +2

    This video was so helpful thank you so much!

  • @ansariextc1
    @ansariextc1 3 ปีที่แล้ว

    Thanks for creating this project - helps in workig on basics.

  • @sairamsunkam7978
    @sairamsunkam7978 3 ปีที่แล้ว +1

    this is a good tutorial because it is a basic level rest api, however, can you comment on your code of what you are doing just because for me I had to rewind several times on a couple of things you just did that didn't make sense to me atleast, maybe im little slow so if you can do that it would be helpful as a tutorial. We are all learning at the end of the day and since you are a definite expert it would be nice to just comment stuff out in a general sense. Thanks for the videos, they are a blessing!

  • @pawansnair997
    @pawansnair997 4 ปีที่แล้ว

    this was awsome keep up with new videos. I am subscribing it now, awsome content in just 40min

  • @ashwinkumar-hb8tz
    @ashwinkumar-hb8tz 3 ปีที่แล้ว

    Superb video, crisp in terms of concepts

  • @jesse420SOCAL
    @jesse420SOCAL 2 ปีที่แล้ว

    nice so cool thanks now i can hook up my react and java projects thanks

  • @fromearthc-3427
    @fromearthc-3427 3 ปีที่แล้ว +1

    Appreciate your work bro!

  • @JebaTM-nq8bp
    @JebaTM-nq8bp 3 ปีที่แล้ว

    wow... Its very easy and step by step clear learning process. I got the app too.

  • @alissoncode9352
    @alissoncode9352 4 ปีที่แล้ว +1

    Thank you for the amazing tutorial!

  • @jetlavi
    @jetlavi 3 ปีที่แล้ว

    Can you help me, when I print , time 33:36, I receive
    Error: Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: object.
    Check the render method of `App`.
    function App() {
    return (



    );
    }

  • @rtav1980
    @rtav1980 3 ปีที่แล้ว

    Very useful. Great content, learned a lot. Thank you! 👏👏👏 👍👍👍

  • @muratbahadrdemiroz6018
    @muratbahadrdemiroz6018 3 ปีที่แล้ว +1

    Great course, thanks for sharing it.

  • @amritsvnit
    @amritsvnit 3 ปีที่แล้ว

    Sweet and simple explanation !!! thanks

  • @khanhtoanle525
    @khanhtoanle525 2 ปีที่แล้ว

    thanks for the tutorial ! it's absolutely for beginner like me

  • @qaziiffatjabeen
    @qaziiffatjabeen 3 ปีที่แล้ว

    Wow Thank You Sir this video has been such a great help

  • @funcoding1797
    @funcoding1797 2 ปีที่แล้ว

    thanks. great. short and very useful

  • @akshayjangde8510
    @akshayjangde8510 2 ปีที่แล้ว

    very very helpful...sir thanks for this amazing content

  • @subramanianchenniappan4059
    @subramanianchenniappan4059 2 ปีที่แล้ว

    I am an experienced java developer . Know spring boot but not react . I wil go thru . Thanks

  • @scandal1030
    @scandal1030 4 ปีที่แล้ว +1

    Hello,
    I'm beginner for JavaScript
    I wanna know why you set "key = {user.id}" into . at 32:42
    If you have a reference about that. Please let me know.

    • @JavaGuides
      @JavaGuides  4 ปีที่แล้ว

      Each row should have a unique key that's why I added this statement. I hope now it's clear to you.

    • @scandal1030
      @scandal1030 4 ปีที่แล้ว

      @@JavaGuides Thank you comment.
      This tutorial was so helpful for me :)

  • @kitchen-e-kausar9105
    @kitchen-e-kausar9105 3 ปีที่แล้ว

    Very nice video, to the point,thank you.

  • @quanphung8231
    @quanphung8231 3 ปีที่แล้ว

    You helped me so much

  • @panfrog489
    @panfrog489 2 ปีที่แล้ว

    Incredible, thanks :) !!

  • @adityasingh1.083
    @adityasingh1.083 2 ปีที่แล้ว

    Awesome video... Very helpful

  • @alenabraham7857
    @alenabraham7857 3 ปีที่แล้ว

    Very good presentation bro...I'm going to view full stack also...

  • @sudipkumar3487
    @sudipkumar3487 3 ปีที่แล้ว +1

    Hi,I have a doubt....after deployment ,will the react application run for users ??? or there are some other npm packages which need to be installed like webpack or babel?

  • @desi4masti
    @desi4masti 3 ปีที่แล้ว

    Very Good Tutorial. Thanks

  • @divyagahlot6527
    @divyagahlot6527 3 ปีที่แล้ว

    Thank you so much for this treasure!

  • @TheSilvina45
    @TheSilvina45 3 ปีที่แล้ว

    Very useful. Thank you sir!

  • @raphaeltaglialegna9668
    @raphaeltaglialegna9668 3 ปีที่แล้ว

    Good tutorial! Thanks!

  • @prabuddhakulatunga9091
    @prabuddhakulatunga9091 3 ปีที่แล้ว

    useful video. Thank you very much! 👌😊

  • @shafikul1975
    @shafikul1975 4 ปีที่แล้ว

    Useful video tutorial. Thanks

  • @MrMoscs
    @MrMoscs 2 ปีที่แล้ว

    Thank you for your great video.

  • @smacdonald2012
    @smacdonald2012 2 ปีที่แล้ว

    Excellent Vid!!!

  • @sagarsri4143
    @sagarsri4143 4 ปีที่แล้ว

    Superb 👌 Explanation

  • @מארקלפין
    @מארקלפין 3 ปีที่แล้ว

    Great content, thanks alot!

  • @SreyesSrinivasan
    @SreyesSrinivasan 2 ปีที่แล้ว

    Fabulous video!

  • @meenajadhav07
    @meenajadhav07 4 ปีที่แล้ว

    Nice explanation line by line coding

  • @YeahPerdonen77
    @YeahPerdonen77 2 ปีที่แล้ว

    thanks, i think this gonna help me

  • @varnanthirugnanasambandan559
    @varnanthirugnanasambandan559 3 ปีที่แล้ว

    Very good and very useful.

  • @aishwaryanemade8081
    @aishwaryanemade8081 3 ปีที่แล้ว

    You gave the content and explained it in a good way but the main thing why I saw the whole vedio was not there. Please complete the vedio explaining the exact flow of the application as how does it travel from frontend end to backend through classes and back to frontend!!!

  • @itachi-senpaii
    @itachi-senpaii 3 ปีที่แล้ว

    *THANK YOU SO MUCH ... YOU ARE AWESOME ...*

  • @aaronfrey2424
    @aaronfrey2424 4 ปีที่แล้ว +1

    Great tutorial :D

  • @arunartsy7001
    @arunartsy7001 3 ปีที่แล้ว

    You can directly use the axios call in the user Component itself inside componentDidMount() and no need of separate component to define URL and to return the axios.

    • @JavaGuides
      @JavaGuides  3 ปีที่แล้ว +2

      It it good practice to keep rest client code ( axios) in service class so that it can reused in different components. Don't keep axios code in react component. Follow my approach

    • @arunartsy7001
      @arunartsy7001 3 ปีที่แล้ว

      @@JavaGuides cool, thanks for d video

  • @tiashabhowmik9540
    @tiashabhowmik9540 4 ปีที่แล้ว +16

    Amazing content.🙏Please create a full stack end to end project with reactjs, spring boot and mongodb or with any other external database.

    • @rinado4374
      @rinado4374 4 ปีที่แล้ว +1

      i agree!

    • @shakib651
      @shakib651 3 ปีที่แล้ว +5

      The steps would remain same. Here we had H2 database which is inbuilt. Just see how you can configure the SpringJpa to point to a Mongodb instance.

  • @Ludo045
    @Ludo045 2 ปีที่แล้ว

    Very good tutorial.

  • @kamleshprajapati6621
    @kamleshprajapati6621 4 ปีที่แล้ว

    Thanks for starting..🙏

  • @sreeguru6377
    @sreeguru6377 ปีที่แล้ว

    Hi ramesh ..am getting datasource url attribute is not specified error on starting the server..

  • @gizemtak224
    @gizemtak224 ปีที่แล้ว

    can ı ask a question? ı do it step by step your video. But finally, npm start is not is a refresh page. npm start error. how can do solve it problem

  • @gulasebastian1990
    @gulasebastian1990 3 ปีที่แล้ว

    Good job!! U saved me

  • @chitranshsharma9764
    @chitranshsharma9764 3 ปีที่แล้ว

    Can you tell if we want to post the data of the table to backend and how to give an add row option for the table

  • @sreeguru6377
    @sreeguru6377 ปีที่แล้ว

    Hi Ramesh am facing below issue.
    ./src/App.js
    Attempted import error: '/Users/Documents/ReactJs/my-app/src/component/UserComponent.js' does not contain a default export (imported as 'UserComponent'). can you please help.?

  • @knko7158
    @knko7158 4 ปีที่แล้ว +1

    33:55 I use state={} without the constructor. Is there any downside(s) not implementing it regarding to the API requests and setState?
    I use react 16.13.1 btw

    • @jaypatel9316
      @jaypatel9316 4 ปีที่แล้ว

      I have also same doubt. There shouldnt be any issue. I am not so sure

  • @crowbr
    @crowbr 3 ปีที่แล้ว

    how you deploy this application in server? build this or just put all files in server?

  • @krishnarohit3166
    @krishnarohit3166 4 ปีที่แล้ว

    Thanks a lot sir! you are awesome

  • @taregbalola
    @taregbalola 4 ปีที่แล้ว

    Very clear thanks

  • @jerzykepinski
    @jerzykepinski 3 ปีที่แล้ว

    Thanks man!

  • @santoshreddy2998
    @santoshreddy2998 4 ปีที่แล้ว

    Where do you give Data base details How did it saved in database?

  • @miltonmamani
    @miltonmamani 3 ปีที่แล้ว

    So basically you have 2 servers in different ports talking each other. is it possible to run react in java server side, to have only one server port?

  • @nagendrapp2213
    @nagendrapp2213 4 ปีที่แล้ว

    thanks for the content finally understood how to connect react with springboot if possible use mysql db

  • @shivani-mh3hk
    @shivani-mh3hk 4 ปีที่แล้ว +1

    Hi, I tried the same application step by step in my system. Backend works great. however in front end react JS , i keep getting compilation error at 38.44 - this.state.users.map( users => ...... ). Please let me know.

    • @hienvan7386
      @hienvan7386 4 ปีที่แล้ว

      me too

    • @MattWerth
      @MattWerth 3 ปีที่แล้ว +1

      Make sure to add a return statement inside of the getUsers() function and also just before the ...

  • @mohammedmahmood9813
    @mohammedmahmood9813 ปีที่แล้ว

    mr ramesh beautifully explained very nice thanks lot can u please put code for using three tables or 3 entitites in jpa data

  • @ravivyas2005
    @ravivyas2005 4 ปีที่แล้ว

    Instead of Two Server. Can we do on Single Server.? Is it Possible????

  • @darthvadar2915
    @darthvadar2915 3 ปีที่แล้ว

    Really really good

  • @dulcisfate6060
    @dulcisfate6060 3 ปีที่แล้ว

    Thank you!

  • @luongtran43
    @luongtran43 4 ปีที่แล้ว

    Useful video tutorial. Can you create a "shopping cart application" using React as frontend and spring boot as backend?

  • @michaborciuch9172
    @michaborciuch9172 4 ปีที่แล้ว

    Very nice tutorial. But what about deployment? How one can build war from this?

  • @santiagowhite5467
    @santiagowhite5467 4 ปีที่แล้ว

    What if I wanted to fetch a product given a certain id?

  • @sureganeshreddy6262
    @sureganeshreddy6262 3 ปีที่แล้ว

    Could you provide complete tutorial on reactjs from starting position.

  • @PraveenKumar-fu2bt
    @PraveenKumar-fu2bt 3 ปีที่แล้ว

    table table-striped command is not recognized it's just display the data but table format is not as same as the video, anyone help on this?

  • @ashikbatchu
    @ashikbatchu 3 ปีที่แล้ว

    I am unable to display data in table. But i didn't got any error.

  • @benceszke7209
    @benceszke7209 3 ปีที่แล้ว

    Field prisRepo in no.bring.demo.Application required a bean of type 'no.bring.demo.repo.PrisRepo' that could not be found. im getting this errormessage and im usure what that is do you have any quickfizes to this?

    • @lilianamartinez9955
      @lilianamartinez9955 3 ปีที่แล้ว

      I got the same error, did you already fix it?

    • @benceszke7209
      @benceszke7209 3 ปีที่แล้ว

      @@lilianamartinez9955 hello yes i fixed it but im unsure what the problem was... i just went ahead and reimplemented everything after fiddling with it for 8 hours without any progress and then it magically worked

    • @anthonylannoote918
      @anthonylannoote918 3 ปีที่แล้ว

      @@benceszke7209 Had the same problem, you just had to put all the additional packages under the one that was generated. If you put them beside the generated one and not in it, you will have that error.

  • @obaidabbasi7156
    @obaidabbasi7156 2 ปีที่แล้ว

    Can we use java without springboot as backend?

  • @crazyexperiments7172
    @crazyexperiments7172 3 ปีที่แล้ว

    This.state.users.map is not a function why i am getting this error sir

  • @LaxmikanthPulipati
    @LaxmikanthPulipati 5 หลายเดือนก่อน

    Can you share git source of the react front-end part

  • @cookies4techies992
    @cookies4techies992 4 ปีที่แล้ว

    Where is the source code for this tutorial. Even in your blog also the source code link is not there.

  • @DeepakLalchandaniProfile
    @DeepakLalchandaniProfile 2 ปีที่แล้ว

    What about create,update and delete on the react frontend ?

    • @JavaGuides
      @JavaGuides  2 ปีที่แล้ว

      ReactJS + Spring Boot CRUD Full Stack Application series at th-cam.com/video/n43h1eJ2EUE/w-d-xo.html

    • @DeepakLalchandaniProfile
      @DeepakLalchandaniProfile 2 ปีที่แล้ว

      Where did you learn react.js from ?

  • @Lelouchvv
    @Lelouchvv 3 ปีที่แล้ว

    I am learning servlet, did you make video about it?

    • @JavaGuides
      @JavaGuides  3 ปีที่แล้ว +1

      There are some videos on jsp and servlet

  • @caionmarquezini7095
    @caionmarquezini7095 4 ปีที่แล้ว

    Please Ramesh, teach to us how to pack this created app with the backend to deploy on a docker container!!!! and will be helpfully if you teach how to search a record!!! tks for your tuts

  • @pavansai6847
    @pavansai6847 4 ปีที่แล้ว

    saved my day

  • @narendragupta6114
    @narendragupta6114 3 ปีที่แล้ว

    npx' is not recognized as an internal or external command,
    operable program or batch file.

  • @quanghuy3509
    @quanghuy3509 3 ปีที่แล้ว

    thank you so much

  • @7doghead
    @7doghead 4 ปีที่แล้ว

    can you please create a tutorial on how to use react + the spring boot rest api to make something like an expense calculator? thank you!

  • @pitchireddyb646
    @pitchireddyb646 4 ปีที่แล้ว

    Excellent

  • @harierigineni3820
    @harierigineni3820 4 ปีที่แล้ว

    Excellent sir

  • @1hindu-sthaani558
    @1hindu-sthaani558 4 ปีที่แล้ว

    @Repository anno used for daoImpl
    There is no need to use it, because daoImpl handles automatically by jpa internally
    In short just remove @Repository from all interfaces
    Because @Component is using for classes not for interface, if used it is extra code only