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
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
If you came here to know how to connect between "react" and "spring" ,-> 24:50. Nicely done.
@khaithu2983
3 жыл бұрын
Thanks
@abilenefranquez3747
3 жыл бұрын
Thanks, Kenshin
@user-vv9vl7zh6m
3 жыл бұрын
You are my hero, thanks
@mohantalachutla6834
3 жыл бұрын
haha, u guys r welcome
@musa4747
3 жыл бұрын
Thank you mate
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
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
2 жыл бұрын
you really need to raise your standards
This tutorial has the most useful content than any other I found on the web. Got to learn a lot! Thank you!
@DeepakLalchandaniProfile
2 жыл бұрын
What about create,update and delete on the react frontend ?
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.
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.
honestly... this may have been the best tutorial i have seen sofar
This awesome tutorial Very straight forward and helpful. It includes how to debug. Thanks a lot.
Thank you for the amazing tutorial!
Great content, learned a lot. Thank you!
this was awsome keep up with new videos. I am subscribing it now, awsome content in just 40min
Exactly what I needed! Thanks so much!
This video was so helpful thank you so much!
Very useful. Great content, learned a lot. Thank you! 👏👏👏 👍👍👍
Sweet and simple explanation !!! thanks
Great course, thanks for sharing it.
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.
Thank you so much for this treasure!
Appreciate your work bro!
Thank you so much friend! It helped me a lot
Superb video, crisp in terms of concepts
Thanks for creating this project - helps in workig on basics.
Incredible, thanks :) !!
Very useful. Thank you sir!
Wow Thank You Sir this video has been such a great help
thanks for the tutorial ! it's absolutely for beginner like me
You helped me so much
wow... Its very easy and step by step clear learning process. I got the app too.
Very nice video, to the point,thank you.
thanks for the content finally understood how to connect react with springboot if possible use mysql db
Useful video tutorial. Thanks
Great tutorial :D
Excellent ever video no word to say it's beauty. Really amazing
Excellent Vid!!!
useful video. Thank you very much! 👌😊
Very Good Tutorial. Thanks
Good tutorial! Thanks!
nice so cool thanks now i can hook up my react and java projects thanks
Thanks for starting..🙏
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
2 жыл бұрын
where do u learn them spring and react
@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
2 жыл бұрын
@@shakib651 can u help?
Great content, thanks alot!
Superb 👌 Explanation
Very useful. You are awesome man. Love from Maharashtra ❤️
Thanks a lot sir! you are awesome
Thanks man!
Dear Ramesh thank you very much I always learn from you
thanks, i think this gonna help me
Nice explanation line by line coding
Good job!! U saved me
Awesome video... Very helpful
Thank you for your great video.
Fabulous video!
Very clear thanks
Very good and very useful.
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!
saved my day
*THANK YOU SO MUCH ... YOU ARE AWESOME ...*
Very good presentation bro...I'm going to view full stack also...
Very good tutorial.
very very helpful...sir thanks for this amazing content
thank you so much
Thank you!
Thank you soo much anna
Really really good
Useful video tutorial. Can you create a "shopping cart application" using React as frontend and spring boot as backend?
Excellent
Excellent sir
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
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
3 жыл бұрын
@@JavaGuides cool, thanks for d video
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!!!
I am an experienced java developer . Know spring boot but not react . I wil go thru . Thanks
Thank you
Great
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!
Could you provide complete tutorial on reactjs from starting position.
Amazing content.🙏Please create a full stack end to end project with reactjs, spring boot and mongodb or with any other external database.
@rinado4374
3 жыл бұрын
i agree!
@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.
Very nice tutorial. But what about deployment? How one can build war from this?
awesome
thank u sir
need react firebase spring tutorial with hosting, please make it happen thank you
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
thanks. great. short and very useful
awsome
mr ramesh beautifully explained very nice thanks lot can u please put code for using three tables or 3 entitites in jpa data
@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
Nice Video!!; bro... how can I combine both projects to upload them to a server?.... Pls!
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
great
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?
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?
Mst
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
3 жыл бұрын
Each row should have a unique key that's why I added this statement. I hope now it's clear to you.
@scandal1030
3 жыл бұрын
@@JavaGuides Thank you comment. This tutorial was so helpful for me :)
Where do you give Data base details How did it saved in database?
What if I wanted to fetch a product given a certain id?
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 ( ); }
Instead of Two Server. Can we do on Single Server.? Is it Possible????
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
how you deploy this application in server? build this or just put all files in server?
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
3 жыл бұрын
me too
@MattWerth
3 жыл бұрын
Make sure to add a return statement inside of the getUsers() function and also just before the ...
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?
I am learning servlet, did you make video about it?
@JavaGuides
2 жыл бұрын
There are some videos on jsp and servlet