Full Stack web application using Spring Boot and React | REST API | MySQL | React Hooks

[@felipematheus6518]

Great video! what front-end(JS) framework do you think is easier to learn first? React,Angular,vue? i used jquery(ajax), people said that Angular is easier for java developers to learn... Cheers!

[@CodeWithArjun]

Thanks. React is easier to start with. Angular is not easier for java developer to learn but since both java and angular are used in enterprise level so angular is used by Java developers.

[@yldrayozturk6276]

Guys we use React because when we change some component then we dont need to refresh page . So if you put [students] parameter which is the end of the useEffect() function , you will see when you add a student and click the submit button, students list automatically refresh without all page refresh. (sorry for bad english :))

[@justmonika6529]

Thats awesome. It worked. Im a beginner btw. May I ask why this happens?

[@mohamedmehenni3651]

@@justmonika6529 when you put [student] in the end of the useEffect(), here you say to useEffect() to execute the block of code that it contains, whenever the student array changes... Read more about useEffetc Dependencies.

[@subbup401]

Thank you bro

[@milankbudha]

you should use lombok in model class to reduce boiler plate code for getters and setters,toString(),hashcode,default constructor and parameterized constructor

[@toxi4202]

Hey I really appreaciated the fact, that there was an error with the missing @Service parameter in the StudentServiceImplementation. So you explained what was wrong and didnt cut it out or something. Its good to see mistakes being made and how one resolves them. Dont always show perfect code examples. --> My opinion

[@sheltondany8209]

Even though very basic, Its the perfect intro for amateurish coders, dint know much Spring or React but had some knowledge of Java, Java Script, so this was so nice!

[@CodeWithArjun]

Glad you liked it!

[@xuechengliu8178]

super good and easy to follow content. Great starting point for backend developers to understand how to communicate with frontend.

[@countessvillain]

But should have say to install XAMPP from the beginning :(

[@kunalshirsat4129]

Hi while testing api on postman by POST method I m getting 400 errors not able to parse json object

[@Lynx-fx]

Even when following the instruction as per the video, my tables are not being created even when the server is running, how do I fix that?

[@fatihhguvenn]

CrossOrigin is not a fix nor a workaround. it might cause you problems in terms of security. i'd not use it. just serve static web files in spring boot project. or use middleware in react project

[@faizalkadiwal3065]

Thank for this great toturial🙌 i like to add one thing just add students in [] braceses of useEffect so you dont have to refresh to show submited data const [students, setStudents] = useState([]) useEffect(() => { },[students])

[@eliangonzalez580]

Then 3 years later, this video is amazing. Thank you very much for your support!!

[@CodeWithArjun]

You're very welcome!

[@-Laxman-ks9ri]

can you make a video on how to deploy this backend and database in render and react app in vercel

[@victorcamargo784]

I was having the error "java.sql.SQLException: Access denied for user Victor@localhost (using password: NO)" in the 12:24 of the video trying to run the application. I fixed it by creating an user with this name in the admin panel

[@weebotzu5533]

that table creation is not happening 12:32 worked when used spring boot version 2.7.12

[@gamingflick]

yes that true same here

[@prajnachattaraj3531]

will2.7.14 or 2.7.15 work?

[@ShilamRahulPrasad]

@@prajnachattaraj3531 Use 2.7 or lower, in my case, I have an issue with MySQL dependency in pom file. keep an eye on it too..

[@ajinkyakhete1151]

Hats Off Sir !!!! Best Video Learned All the concepts in one Video Thank you very much. Wish you a great journey ahead ...

[@CodeWithArjun]

Thanks a ton

[@robkao-og9xx]

Very concise, straight to the point, beginner friendly. Thank you sir.

[@scv9683]

This lesson is a very basic standard, but it will give a fantastic feedback to rookies, I love it!

[@CodeWithArjun]

Glad you like it!

[@TEK293]

Great video. Thank you so much

[@eduardojls]

By far I have completed the backend part, so I just have to say THANKS for your explanation, is so brief that's is pretty enough to understand. Let's see how the frontend with React goes. For future content would be nice a tutorial about how to implement Native Query and also Criteria Query.

[@CodeWithArjun]

That’s good to hear.

[@GopalNavaratnam]

It was helped to solve my project problem thanks a lot ❤

[@rajeshrj2551]

Awesome bro...thank you

[@CodeWithArjun]

Thanks. If you get any problem please let me know. Don't forget to subscribe.

[@kelvinsankale]

Phewx! thank you very much for your commitment to share knowledge. God bless you.

[@CodeWithArjun]

Glad it was helpful!

[@Error-rp4dk]

Thank you for this great tutorial. Better than my professors and Uni course. Wish you health, happiness and personal and financial success 👍

[@CodeWithArjun]

Happy to help.

[@sebastianconde1341]

amazing tutorial! thanks a lot

[@gorripotumanikanta2869]

Hi bro...i know the java and spring boot as back-end. Now what i can select angular or react? which is best suitable with spring boot.

[@CodeWithArjun]

You can go with either of them

[@raichungpunmagar7984]

I've looked from youtube to udemy for a good Spring Boot and React tutorial for begineer and this is the best video there is. Simple yet so informative. Lots of thanks to this channel

[@CodeWithArjun]

Glad it was helpful! Keep coding.

[@jumb0_9]

hello sir, im on 12:24 when i run its not creating a table in mysql in my database i dont know how to fix it. Please help

[@robk19]

I'm having the same problem. The only thing I know I did differently is using a different JDK.

[@n0thing707]

same problem =(

[@robk19]

@@n0thing707 check for typos in your application.properties file

[@n0thing707]

I fixed it! I notices, that I wrote spring.database.url insted of spring.datasoucre.url

[@nehakumar6831]

@@n0thing707 did it work ?

[@TheSmokinApples]

Man! I love you for making this! I have been trying to find a basic tutorial on how to use react with spring boot!

[@CodeWithArjun]

Glad I could help!

[@kingdomVI]

engineer got my sub, he is giving lots of content for free. thanks a lot.

[@Alphacreators]

Its is showing port 8080 is busy so change the port ....can u please tell meh from where i have to change the port

[@Alphacreators]

For backend

[@CodeWithArjun]

Just go to the application.properties and add this line server.port=8081

[@Alphacreators]

@@CodeWithArjun thank u so much....I also have some more doubts ......yaha par ni bta payunag becoz of screenshots

[@rohans7194]

Why did you refresh the app in the end to show Ram-India? You should show it when you submit it. Isn’t it better to get all the results as a response when we save a new entry?

[@KristijanStosic]

Can you update it so you dont need to refresh page every time you add new student?

[@CodeWithArjun]

Sure I am planning to do that soon.

[@sudarshankagitha3315]

@@CodeWithArjun yes do it fast we are waiting 😊

[@anny88616]

Thank you! This was really helpful! :)

[@CodeWithArjun]

Glad it was helpful!

[@embodythelogos]

Can you expand on this tutorial and add Spring Boot Security?

[@serhatkral3871]

thats great man i like it

[@juneldelacuadra5973]

Just Wow!!! Sir please create a blog using Spring Boot and React with login functions!

[@CodeWithArjun]

Thanks for the idea! Surely. Don't forget checkout the new series of full stack CRUD app.

[@juneldelacuadra5973]

@@CodeWithArjun Yes I will... Thank you so much again sir.

[@dnyaneshwarkolhe9959]

can we create frontend backend combined windows executable file which will run whole application at once.

[@kimdequilla7503]

thanks super fast but at the same time super clear

[@CodeWithArjun]

Glad it helped! Be sure to subscribe.

[@jerodcolbert3896]

First Id like to say thank you for posting this it was very helpful. I do have one question though, when i do my post through postman the connection is successful but not all of the data I entered is being inserted into the table. Do you know why this could be happening?

[@swaranjali433]

I'm sorry it was a bit confusing! I promise that if you take your ti over the next few days and weeks, tNice tutorials stuff will make sense. Most

[@udhayachandhar4770]

How can we deploy them together to a hoisting site

[@CodeWithArjun]

Use the services like heroku.

[@WandersonEndeolver]

Sabe me informa se no Windows tenho que usar é este comendo: .\mvnw.cmd spring-boot:run

[@hajarrachach3116]

Please if mysql is shutdown what should I do

[@CodeWithArjun]

Again go to system preferenceas and MySQL and start server.

[@groupproject9578]

This was a great video. However, I did want to ask, is there a way to see the student that you add immediately in the Students section at the bottom? Refreshing the page seems like a hassle each time

[@CodeWithArjun]

i have new video of full stack check out that

[@groupproject9578]

Can you post the link? You have a lot of videos

[@saurabhpotdar7567]

Dont use urls like getall, add. Url should be /students with different HTTP methods.

[@sarwasadharan]

Nepali-english accent aayo, pakkai nepali ho bro. 😂

[@CodeWithArjun]

haha ho bro 😎 nepali le nepali lai nachinne kurai vayena

[@leonardoaguinaga461]

like y me suscribo

[@usmannurudeen1625]

How can we make this kind of application live for users to access since the backend and the sever is on the local machine?

[@nikamelashvili2410]

cloud hosting

[@EthioCybrary]

It inserts null values into the database. How can I solve this problem?

[@CodeWithArjun]

You have to use @NotNull annotation for that. I have just published a new series on my channel checkout for crud operation.

[@EthioCybrary]

@@CodeWithArjun At what point i have to use @NotNull annotation?

[@CodeWithArjun]

@@EthioCybrary just before the entities we have defined in model class. @NotNull(message = "Name can't be null") private String name;

[@EthioCybrary]

​@@CodeWithArjun When I try by postman it works. but the front end page still not working. null values are inserted into database.

[@tariqaldamen6837]

a very good and strong video to learn, I'm working for a big tech company and we are using the same as explained in this video.

[@CodeWithArjun]

Glad it was helpful! Be sure to subscribe.

[@mmaScholar99]

Quick question, do you know the cause behind the error "port 8080 is already in use"?

[@ajinkyakhete1151]

just write server.port=8081(new port) in application properties and re-run your error will be resolved.

[@MegaCPfan101]

8080 port is in use in background so you need to stop it before running.

[@countessvillain]

The problem with this tutorial is that first you say to install MySQLDatabase but don't specify with XAMPP so one installs MySQLDatabase that occupy the port 3306, than he has o install XAMPP, and the port 3306 is occupied.

[@JohnDoe-qj7wt]

how can we solve this? I installed mysqldatabase but i dont know what xampp means

[@elijahamelia3314]

This is amazing man . Thank you so much for this video.

[@manasam5965]

Can u please add videos regarding big projects which is related to react and spring boot???

[@Alenk1020]

hands down the best right into the point, full stack tutorial, amazing job.

[@CodeWithArjun]

Glad it helped! Be sure to subscribe.

[@sanketbhole5876]

Sir would you please tell us that how to deploy it so that we can access using it with link from any where

[@steven7936]

One way would be to use AWS.

[@mitchy3686]

Can you go over Deleting and Modifying students?

[@CodeWithArjun]

Sure I am making new video. Be sure to subscribe to get notified.

[@mitchy3686]

@@CodeWithArjun after that, can you go over adding APIs? For example how to add a free weather API or something to display data etc. thanks!

[@Pacal_II]

Did you figure out how to delete students? I'm trying to implement that myself.

[@dineshpanigrahi1065]

Can you pls let me know what are the combination of techstacks are adapted by most enterprises(Java with Angular or Java with React), bcoz am preparing for Java with react

[@Channel-iu6de]

I would learn Java with react, python, gitlab, github, spring boot, docker, kubernetes,sql.

[@rainertelesko9894]

Great tutorial for beginners!

[@CodeWithArjun]

Glad it was helpful! Be sure to subscribe.

[@pawebielecki7548]

Thank you. Your video was really helpful. Everything is really simple and step by step.

[@CodeWithArjun]

Glad to hear that!

[@barakamarkbright7940]

Thanks for the video Arjun. It have given me a complete overview of web app development with Java.

[@CodeWithArjun]

Happiest to help. Keep coding

[@sagarbora7768]

bro how to configure vscode for spring boot

[@CodeWithArjun]

I have separate video for that check out on my channel .

[@sagarbora7768]

@@CodeWithArjun how can u share link Becoz in utube cmnt sec u can't share link

[@greptor8697]

Great Video. Keep up the work

[@supriyagupta706]

I am getting 401 error code in POSTMAN when i add student name and adress. Please tell me the solution

[@mohammedhinda399]

I have the same error, you finded the solution?

[@keerthu7055]

Thanks for your video but i have a query that why cant we develop react in intellj itself why we need MS visual code

[@CodeWithArjun]

Many extensions are not available. But still use can do. Instead you can use webstorm.

[@saurabhgandhi7982]

Awesome tutorial, keep up the good work

[@CodeWithArjun]

Glad it helped! Be sure to subscribe.

[@DevLearn-lv7nr]

thanks Arjun did you ever code something similar in non Java language or frameworks ? if so what did you use and how did you find it compared to Springboot and java ?

[@CodeWithArjun]

I haven’t used any other frameworks but you can use node js if you want to learn

[@Glamorous_Life]

Your video is great.

[@wagnerdba]

Very nice... Congrats from Brazil...

[@CodeWithArjun]

Thank you very much!

[@henriquedelben]

What's the point of creating a StudentService interface?

[@ahmadrami14]

It is considered good practice to define the methods that will be in the service using an interface. In case of future changes. Technically it is insignificant.

[@nsh4658]

Refresh chai kina garnu parne? Sidhai useEffect bhitra rakhe ta submit gare pachi nai update huncha haina?

[@KittyInCali]

awesome explanation in such simple words... great job man ...please keep up the work!

[@CodeWithArjun]

Thanks and welcome

[@SaiKrishnavallabhajoshyula]

Thank you very much for your help

[@samruddhimanded5301]

Thank You So Much ..Very Very Helpful

[@CodeWithArjun]

Glad it was helpful! Be sure to subscribe.

[@tamimiqbalpython4849]

Thank you, Dada. Sending love from Bangladesh 🌈🟩🔴🟩. Please give us more live projects like this.

[@CodeWithArjun]

Thanks brother. I have got new series on fullstack on my channel check out that as well. Best wishes from Nepal 🇳🇵

[@tamimiqbalpython4849]

@@CodeWithArjun Dada i will see that Video series. My humble request to you if possible give us live a project about e-commerce web app by Spring boot and reactjs.

[@CodeWithArjun]

@@tamimiqbalpython4849 Sure i will plan soon on making a project.

[@hrobesak]

What a great tutorial. Just one question. I'm getting empty Id when I call getAll. Name and Address is displayed, but Id not. In DB all Id's are visible. Any ideas?

[@vegardlokreim5549]

intellisay

[@nandhureddy27]

helped a lot

[@CodeWithArjun]

Be sure to subscribe.

[@jeirsenlopera188]

do i need to know java to work with spring boot?

[@CodeWithArjun]

Yes you need basics of Java.

[@abhijeetrohilla3918]

Great explanation , This channel is going to be more popular soon.

[@CodeWithArjun]

Thank you for your kind words. Keep supporting.❤️❤️

[@jyotsnapnr]

subscribed, you teach so well

[@CodeWithArjun]

Glad it was helpful. Thanks for your words.

[@vaibhavtyagi5720]

Hey can you make a video on how to add jwt authentication to this

[@CodeWithArjun]

Sure I am planning to make that video after full stack spring boot and react series. Be sure to subscribe to get notification.

[@RishiRajxtrim]

thanks

[@CodeWithArjun]

Welcome

[@travahnetshisaulu3101]

nice video very helpful, Can you please explain why there are two Studentservice classes (Studentservice, StudentserviceImpl)?

[@erfanhabeeb6848]

Search and study about abstarction

[@JohnF15]

The first is the interface that will define the operations and the second one is the implementation of these operations.

[@naufaladi4384]

why do we need to refresh the web page to display the retrieved data? Is there a way so it displays the data automatically after we press "Submit" ?

[@CodeWithArjun]

I have new series on full stack check out that i have fixed that problem there.

[@Smoshylife]

Like using Ajax?

[@usage_sa]

Thank you so much!

[@yuvakevichar]

Thank you, it helps very well 👍

[@CodeWithArjun]

Glad to hear that!

[@flavio5693]

This course it's amazing thank you very much

[@CodeWithArjun]

Glad to help. Checkout new course.

[@UkrSerhiy1899]

Thank you for yours great video!

[@CodeWithArjun]

Glad you liked it! Be sure to subscribe.

[@andersontiban5356]

I learned a lot thank you!

[@IvanNazarenko-sy4uy]

Hi, when I try to download the material ui icons it gives me a special error that I cannot understand it npm ERR! code ERESOLVE npm ERR! ERESOLVE unable to resolve dependency tree npm ERR! npm ERR! While resolving: jobspotfrontend@0.1.0 npm ERR! Found: react@18.2.0 npm ERR! node_modules/react npm ERR! react@"^18.2.0" from the root project npm ERR! npm ERR! Could not resolve dependency: npm ERR! peer react@"^16.8.0 || ^17.0.0" from @material-ui/core@4.12.4 npm ERR! node_modules/@material-ui/core npm ERR! peer @material-ui/core@"^4.0.0" from @material-ui/icons@4.11.3 npm ERR! node_modules/@material-ui/icons npm ERR! @material-ui/icons@"*" from the root project

[@Rogueixpresents]

google

[@DK-ij9sh]

I'm having the same error. Did you find a solution for this? Please let me know if there is any.

[@josephmctigue4494]

I got the same thing, still trying to figure this one out. Have you found a solution yet? If so, please share what you found.

[@DK-ij9sh]

@@josephmctigue4494 I think I figured this out as it's working fine for me now. It was because of the peer dependency between react and Material UI. Since we have react 18.2 version we have to use Material UI V5 version which is the latest one. We can do the installation part according to the steps in MUI V5 official site. So in this video Arjun is using Material UI V4 which is only compatible with React 16.8 or 17.0. I hope this is clear for you.

[@Justin-xy2ko]

legendary tutorial

[@CodeWithArjun]

Glad you liked it. I have got new series on full stack CRUD check out on channel.

[@2bpro275]

It helps me a lot. Thanks for sharing.

[@CodeWithArjun]

Glad to hear it!

[@hotshotgolfer3079]

This was great. I learned a lot. Thank You.

[@CodeWithArjun]

Happy to help

[@josephmctigue4494]

What versions of node, npx and mui are you using? I'm having trouble using node v18.16.0 and npx version 9.6.4 with this tutorial. Please help.

[@Learco]

Hi, I don’t get how the ract app connects to the back end (springboot )

[@ricardoandrade1027]

tky

[@travahnetshisaulu3101]

Thank you very much this was a perfect video

[@CodeWithArjun]

Glad it helped

[@jonathankayizzi1241]

Awesome tutorial