React JS + Spring Boot REST API Example Tutorial

In this tutorial, we will create a "single page application" using React as frontend and spring boot as backend.
What we will build?
---------------------------------------------------------------
We will build two projects:
1. springboot-backend (server) - To Develop REST API
2. react-frontend (client) - Consume REST API
Read the blog post and get the source code of this tutorial at www.javaguides.net/2020/07/re...
If you want to use React Hooks then check out • React JS (React Hooks)...
#react #springboot#javaguides
My Top 10+Udemy Courses (Bestseller Courses):
1. Spring 6 & Spring Boot 3 for Beginners (Includes 5 Projects):
www.udemy.com/course/learn-sp...
2. Building Real-Time REST APIs with Spring Boot - Blog App:
www.udemy.com/course/building...
3. Building Microservices with Spring Boot and Spring Cloud:
www.udemy.com/course/building...
4. Testing Spring Boot App with JUnit, Mockito & Testcontainers:
www.udemy.com/course/testing-...
5. Spring Boot 3 Thymeleaf REAL-TIME Web Application - Blog App:
www.udemy.com/course/spring-b...
6. Master Spring Data JPA with Hibernate:
www.udemy.com/course/master-s...
7. Spring Boot + Apache Kafka Course:
www.udemy.com/course/spring-b...
8. Spring Boot 3 + RabbitMQ Course:
www.udemy.com/course/spring-b...
9. Learn Thymeleaf with Spring Boot 3:
www.udemy.com/course/learn-th...
Check all my Udemy courses and discount coupons:
www.javaguides.net/p/my-udemy...
Visit My Top Java Guides Blog: www.javaguides.net/

Пікірлер: 167

  • @JavaGuides
    @JavaGuides4 жыл бұрын

    React (React Hooks) + Spring Boot Tutorial - kzread.info/dash/bejne/m46l0pZ7YtvRg5c.html Free Course - ReactJS + Spring Boot CRUD Full Stack Application series at kzread.info/dash/bejne/oGhnypOeepWrhag.html

  • @mohantalachutla6834
    @mohantalachutla68343 жыл бұрын

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

  • @khaithu2983

    @khaithu2983

    3 жыл бұрын

    Thanks

  • @abilenefranquez3747

    @abilenefranquez3747

    3 жыл бұрын

    Thanks, Kenshin

  • @user-vv9vl7zh6m

    @user-vv9vl7zh6m

    3 жыл бұрын

    You are my hero, thanks

  • @mohantalachutla6834

    @mohantalachutla6834

    3 жыл бұрын

    haha, u guys r welcome

  • @musa4747

    @musa4747

    3 жыл бұрын

    Thank you mate

  • @VANTYCSolutions
    @VANTYCSolutions4 жыл бұрын

    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 жыл бұрын

    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

  • @bhawanapurandare1382
    @bhawanapurandare13823 жыл бұрын

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

  • @DeepakLalchandaniProfile

    @DeepakLalchandaniProfile

    2 жыл бұрын

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

  • @anjalitomar3100
    @anjalitomar31004 жыл бұрын

    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.

  • @user-vm6km2cp3u
    @user-vm6km2cp3u4 ай бұрын

    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.

  • @benceszke7209
    @benceszke72093 жыл бұрын

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

  • @cw9681
    @cw96813 жыл бұрын

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

  • @alissoncode9352
    @alissoncode93523 жыл бұрын

    Thank you for the amazing tutorial!

  • @johnwiddifield4429
    @johnwiddifield44293 жыл бұрын

    Great content, learned a lot. Thank you!

  • @pawansnair997
    @pawansnair9973 жыл бұрын

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

  • @daajason
    @daajason2 жыл бұрын

    Exactly what I needed! Thanks so much!

  • @rinado4374
    @rinado43743 жыл бұрын

    This video was so helpful thank you so much!

  • @rtav1980
    @rtav19802 жыл бұрын

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

  • @amritsvnit
    @amritsvnit3 жыл бұрын

    Sweet and simple explanation !!! thanks

  • @muratbahadrdemiroz6018
    @muratbahadrdemiroz60183 жыл бұрын

    Great course, thanks for sharing it.

  • @chadsmith71
    @chadsmith715 ай бұрын

    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.

  • @divyagahlot6527
    @divyagahlot65273 жыл бұрын

    Thank you so much for this treasure!

  • @fromearthc-3427
    @fromearthc-34272 жыл бұрын

    Appreciate your work bro!

  • @CARLOSOLIVA92
    @CARLOSOLIVA923 жыл бұрын

    Thank you so much friend! It helped me a lot

  • @ashwinkumar-hb8tz
    @ashwinkumar-hb8tz2 жыл бұрын

    Superb video, crisp in terms of concepts

  • @ansariextc1
    @ansariextc12 жыл бұрын

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

  • @panfrog489
    @panfrog4892 жыл бұрын

    Incredible, thanks :) !!

  • @TheSilvina45
    @TheSilvina452 жыл бұрын

    Very useful. Thank you sir!

  • @qaziiffatjabeen
    @qaziiffatjabeen3 жыл бұрын

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

  • @khanhtoanle525
    @khanhtoanle5252 жыл бұрын

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

  • @quanphung8231
    @quanphung82312 жыл бұрын

    You helped me so much

  • @JebaTM-nq8bp
    @JebaTM-nq8bp2 жыл бұрын

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

  • @kitchen-e-kausar9105
    @kitchen-e-kausar91053 жыл бұрын

    Very nice video, to the point,thank you.

  • @nagendrapp2213
    @nagendrapp22134 жыл бұрын

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

  • @shafikul1975
    @shafikul19754 жыл бұрын

    Useful video tutorial. Thanks

  • @aaronfrey2424
    @aaronfrey24243 жыл бұрын

    Great tutorial :D

  • @lingam3717
    @lingam3717 Жыл бұрын

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

  • @smacdonald2012
    @smacdonald20122 жыл бұрын

    Excellent Vid!!!

  • @prabuddhakulatunga9091
    @prabuddhakulatunga90913 жыл бұрын

    useful video. Thank you very much! 👌😊

  • @desi4masti
    @desi4masti3 жыл бұрын

    Very Good Tutorial. Thanks

  • @raphaeltaglialegna9668
    @raphaeltaglialegna96682 жыл бұрын

    Good tutorial! Thanks!

  • @jesse420SOCAL
    @jesse420SOCAL Жыл бұрын

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

  • @kamleshprajapati6621
    @kamleshprajapati66214 жыл бұрын

    Thanks for starting..🙏

  • @shakib651
    @shakib6513 жыл бұрын

    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

    2 жыл бұрын

    where do u learn them spring and react

  • @shakib651

    @shakib651

    2 жыл бұрын

    @@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?

  • @user-qw5dj5sz3x
    @user-qw5dj5sz3x3 жыл бұрын

    Great content, thanks alot!

  • @sagarsri4143
    @sagarsri41434 жыл бұрын

    Superb 👌 Explanation

  • @bhushanmali2598
    @bhushanmali2598 Жыл бұрын

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

  • @krishnarohit3166
    @krishnarohit31663 жыл бұрын

    Thanks a lot sir! you are awesome

  • @jerzykepinski
    @jerzykepinski2 жыл бұрын

    Thanks man!

  • @armansotude1474
    @armansotude14742 жыл бұрын

    Dear Ramesh thank you very much I always learn from you

  • @YeahPerdonen77
    @YeahPerdonen77 Жыл бұрын

    thanks, i think this gonna help me

  • @meenajadhav5533
    @meenajadhav55334 жыл бұрын

    Nice explanation line by line coding

  • @gulasebastian1990
    @gulasebastian19903 жыл бұрын

    Good job!! U saved me

  • @adityasingh1.083
    @adityasingh1.0832 жыл бұрын

    Awesome video... Very helpful

  • @MrMoscs
    @MrMoscs2 жыл бұрын

    Thank you for your great video.

  • @SreyesSrinivasan
    @SreyesSrinivasan2 жыл бұрын

    Fabulous video!

  • @taregbalola
    @taregbalola3 жыл бұрын

    Very clear thanks

  • @varnanthirugnanasambandan559
    @varnanthirugnanasambandan5592 жыл бұрын

    Very good and very useful.

  • @sairamsunkam7978
    @sairamsunkam79782 жыл бұрын

    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!

  • @pavansai6847
    @pavansai68473 жыл бұрын

    saved my day

  • @itachi-senpaii
    @itachi-senpaii2 жыл бұрын

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

  • @alenabraham7857
    @alenabraham78573 жыл бұрын

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

  • @Ludo045
    @Ludo0452 жыл бұрын

    Very good tutorial.

  • @akshayjangde8510
    @akshayjangde8510 Жыл бұрын

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

  • @quanghuy3509
    @quanghuy35092 жыл бұрын

    thank you so much

  • @dulcisfate6060
    @dulcisfate60603 жыл бұрын

    Thank you!

  • @traju2737
    @traju2737 Жыл бұрын

    Thank you soo much anna

  • @darthvadar2915
    @darthvadar29152 жыл бұрын

    Really really good

  • @luongtran43
    @luongtran433 жыл бұрын

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

  • @pitchireddyb646
    @pitchireddyb6464 жыл бұрын

    Excellent

  • @harierigineni3820
    @harierigineni38204 жыл бұрын

    Excellent sir

  • @arunartsy7001
    @arunartsy70013 жыл бұрын

    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 жыл бұрын

    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

  • @aishwaryanemade8081
    @aishwaryanemade80813 жыл бұрын

    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!!!

  • @subramanianchenniappan4059
    @subramanianchenniappan40592 жыл бұрын

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

  • @mejdeddine.n6050
    @mejdeddine.n60503 жыл бұрын

    Thank you

  • @olive_vlogs77
    @olive_vlogs772 жыл бұрын

    Great

  • @7doghead
    @7doghead4 жыл бұрын

    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!

  • @sureganeshreddy6262
    @sureganeshreddy62623 жыл бұрын

    Could you provide complete tutorial on reactjs from starting position.

  • @tiashabhowmik9540
    @tiashabhowmik95404 жыл бұрын

    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

    3 жыл бұрын

    i agree!

  • @shakib651

    @shakib651

    3 жыл бұрын

    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.

  • @michaborciuch9172
    @michaborciuch91724 жыл бұрын

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

  • @sagarshekhar6296
    @sagarshekhar62963 жыл бұрын

    awesome

  • @nikhilhinge7489
    @nikhilhinge74893 жыл бұрын

    thank u sir

  • @devashish_yt
    @devashish_yt4 жыл бұрын

    need react firebase spring tutorial with hosting, please make it happen thank you

  • @caionmarquezini7095
    @caionmarquezini70953 жыл бұрын

    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

  • @funcoding1797
    @funcoding1797 Жыл бұрын

    thanks. great. short and very useful

  • @ruiarmada1201
    @ruiarmada12013 жыл бұрын

    awsome

  • @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

  • @1hindu-sthaani558
    @1hindu-sthaani5583 жыл бұрын

    @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

  • @wilfridosantos4908
    @wilfridosantos49083 жыл бұрын

    Nice Video!!; bro... how can I combine both projects to upload them to a server?.... Pls!

  • @chitranshsharma9764
    @chitranshsharma97643 жыл бұрын

    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

  • @luckykeswani6746
    @luckykeswani67463 жыл бұрын

    great

  • @sudipkumar3487
    @sudipkumar34873 жыл бұрын

    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?

  • @miltonmamani
    @miltonmamani3 жыл бұрын

    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?

  • @getsuccess9705
    @getsuccess97052 жыл бұрын

    Mst

  • @scandal1030
    @scandal10303 жыл бұрын

    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

    3 жыл бұрын

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

  • @scandal1030

    @scandal1030

    3 жыл бұрын

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

  • @santoshreddy2998
    @santoshreddy29983 жыл бұрын

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

  • @santiagowhite5467
    @santiagowhite54673 жыл бұрын

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

  • @jetlavi
    @jetlavi3 жыл бұрын

    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 ( ); }

  • @ravivyas2005
    @ravivyas20053 жыл бұрын

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

  • @nagendrapp2213
    @nagendrapp22134 жыл бұрын

    Please make more videos with react js and please make different projects plz like social media li8 version image upload and like comment and dislike and nested comments and add friends or some other different projects plz and also of possible make videos continues on a particular series

  • @crowbr
    @crowbr2 жыл бұрын

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

  • @shivani-mh3hk
    @shivani-mh3hk3 жыл бұрын

    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

    3 жыл бұрын

    me too

  • @MattWerth

    @MattWerth

    3 жыл бұрын

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

  • @PraveenKumar-fu2bt
    @PraveenKumar-fu2bt2 жыл бұрын

    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?

  • @Lelouchvv
    @Lelouchvv2 жыл бұрын

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

  • @JavaGuides

    @JavaGuides

    2 жыл бұрын

    There are some videos on jsp and servlet