Udemy
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
Development
Web Development Data Science Mobile Development Programming Languages Game Development Database Design & Development Software Testing Software Engineering Software Development Tools No-Code Development
Business
Entrepreneurship Communication Management Sales Business Strategy Operations Project Management Business Law Business Analytics & Intelligence Human Resources Industry E-Commerce Media Real Estate Other Business
Finance & Accounting
Accounting & Bookkeeping Compliance Cryptocurrency & Blockchain Economics Finance Finance Cert & Exam Prep Financial Modeling & Analysis Investing & Trading Money Management Tools Taxes Other Finance & Accounting
IT & Software
IT Certifications Network & Security Hardware Operating Systems & Servers Other IT & Software
Office Productivity
Microsoft Apple Google SAP Oracle Other Office Productivity
Personal Development
Personal Transformation Personal Productivity Leadership Career Development Parenting & Relationships Happiness Esoteric Practices Religion & Spirituality Personal Brand Building Creativity Influence Self Esteem & Confidence Stress Management Memory & Study Skills Motivation Other Personal Development
Design
Web Design Graphic Design & Illustration Design Tools User Experience Design Game Design Design Thinking 3D & Animation Fashion Design Architectural Design Interior Design Other Design
Marketing
Digital Marketing Search Engine Optimization Social Media Marketing Branding Marketing Fundamentals Marketing Analytics & Automation Public Relations Advertising Video & Mobile Marketing Content Marketing Growth Hacking Affiliate Marketing Product Marketing Other Marketing
Lifestyle
Arts & Crafts Beauty & Makeup Esoteric Practices Food & Beverage Gaming Home Improvement Pet Care & Training Travel Other Lifestyle
Photography & Video
Digital Photography Photography Portrait Photography Photography Tools Commercial Photography Video Design Other Photography & Video
Health & Fitness
Fitness General Health Sports Nutrition Yoga Mental Health Dieting Self Defense Safety & First Aid Dance Meditation Other Health & Fitness
Music
Instruments Music Production Music Fundamentals Vocal Music Techniques Music Software Other Music
Teaching & Academics
Engineering Humanities Math Science Online Education Social Science Language Learning Teacher Training Test Prep Other Teaching & Academics
AWS Certification Microsoft Certification AWS Certified Solutions Architect - Associate AWS Certified Cloud Practitioner CompTIA A+ Amazon AWS CompTIA Security+ Cisco CCNA Microsoft AZ-900
Graphic Design Photoshop Adobe Illustrator Drawing Digital Painting InDesign Canva Design Theory Character Design
Life Coach Training Personal Development Neuro-Linguistic Programming Personal Transformation Mindfulness Life Purpose Meditation CBT Coaching
Web Development JavaScript React Angular CSS Django PHP Node.Js WordPress
Google Flutter Android Development iOS Development React Native Swift Dart (programming language) Mobile Development Kotlin SwiftUI
Digital Marketing Google Ads (Adwords) Social Media Marketing Marketing Strategy Google Ads (AdWords) Certification Internet Marketing YouTube Marketing Google Analytics Email Marketing
Microsoft Power BI SQL Tableau Business Analysis Data Modeling Business Intelligence MySQL Data Analysis Blockchain
Business Fundamentals Entrepreneurship Fundamentals Business Strategy Freelancing Startup Business Plan Online Business Blogging Home Business
Unity Unreal Engine Game Development Fundamentals C# 3D Game Development C++ Unreal Engine Blueprints 2D Game Development Mobile Game Development
30-Day Money-Back Guarantee
Development Web Development Full Stack Web Development

Full Stack Development: React (React Hooks) and Spring Boot

Build Full Stack Notes Application with Real Database and Deployed to Live Web Server
Rating: 4.5 out of 54.5 (10 ratings)
51 students
Created by Bushan Sirgur
Last updated 3/2021
English
English [Auto]
30-Day Money-Back Guarantee

What you'll learn

  • You will learn developing full stack application with React and Spring boot
  • You will learn developing the RESTful API with Spring boot
  • You will learn integrating the React and Spring boot with RESTful web services
  • You will learn connecting spring boot application to MySQL database
  • You will learn Java Persistence API with Hibernate
  • You will learn styling the React applications with Bootstrap 4
  • You will learn deploying React application to live web server
  • You will learn deploying Spring boot application to live web server

Course content

10 sections • 77 lectures • 4h 54m total length

  • Preview05:20
  • Preview01:57
  • Install Lombok in Eclipse/STS IDE
    03:21
  • Quick Demo of the application
    02:27
  • Setup the Development Environment
    06:42
  • How to download PDFs and source code?
    00:56

  • Preview06:51
  • Feature - 1 - Development steps for Frontend
    05:33
  • Create Spring boot project in Spring tool Suite IDE
    03:19
  • Setup MySQL database and configure the datasource
    03:21
  • Create a Java entity class
    02:46
  • Create a JPA repository
    01:22
  • Create a Rest controller and add handler method to retrieve the data
    06:57
  • Quick overview of the React project structure
    04:57
  • Create a React project using create react app library
    05:52
  • Display the hardcoded list of notes inside the browser
    05:44
  • Install axios npm library and initialize axios
    04:37
  • Call service method for HTTP GET request
    03:56
  • Resolve the CORS error and display the database records
    02:17

  • Preview00:51
  • Understand the React routing
    03:36
  • Development steps for Feature 2
    04:38
  • Setup the React routing
    04:57
  • Install bootstrap library and add custom css
    02:46
  • Create Navigational bar for React application
    03:38
  • Add style to NotesList component
    04:22

  • Preview01:08
  • Application deployment - Big picture
    03:22
  • Install the Git and Create an account in Github
    02:04
  • Create repository and push backend application to Github
    04:30
  • Create a new app in Heroku and provision the PostgreSQL database
    04:20
  • Deploy Spring boot application to Heroku
    09:46
  • Deploy React application to Heroku
    08:50

  • Preview01:06
  • Development steps for Feature 4
    05:09
  • Update the Note entity to provide date and time support
    04:45
  • Create a rest end point to save the note to database
    01:54
  • Test the Rest end point for creating new Note
    05:37
  • Create a component AddNote and Register the new Route
    02:58
  • Create a HTML form to add note details
    08:09
  • Create states to store the note data
    03:06
  • Save the note by calling service method
    06:39
  • Deploy the changes to Heroku and Test the feature
    07:19

  • Preview00:59
  • Development steps for Feature 5
    05:16
  • Create a REST end point to get the single Note object
    01:51
  • Test the REST end point in Postman
    02:18
  • Update NotesService to create new method for HTTP POST request
    01:33
  • Create new component NoteDetails and register new Route
    02:49
  • Create HTML to display the Note details
    04:11
  • Call service method to get the Note
    03:33
  • Deploy the changes to Heroku and Test the feature
    05:58

  • Preview01:03
  • Development steps for Feature 6
    03:05
  • Create a REST end point to delete the Note
    02:32
  • Test the REST end point
    02:30
  • Create a service method for HTTP DELETE request
    02:40
  • Delete the Note from the application
    03:23
  • Deploy the changes to Github and Heroku
    08:20

  • Preview01:12
  • Development steps for Feature 7
    05:10
  • Create a REST end point to update the Note
    02:45
  • Test the REST end point
    02:54
  • Create a service method for HTTP PUT request
    02:05
  • Create a edit button and attach the click event
    03:08
  • Display the Note details inside the form
    03:32
  • Update the existing Note
    05:45
  • Change the button text conditionally for Add and Update
    02:44
  • Deploy the changes to Github and Heroku
    07:10

  • Preview00:22
  • Development steps for Feature 8
    02:08
  • Format the updated date and time in user readable format
    07:54
  • Deploy the changes to Heroku
    04:06

  • Preview00:32
  • Development steps for Feature 9
    01:21
  • Basic form validation for Adding new note
    03:35
  • Deploy the changes to Heroku
    02:24

Requirements

  • You should have a basic knowledge of React and React Hooks
  • You should have a basic knowledge of Java, Spring and Spring boot
  • You should have a basic knowledge of Spring Data JPA

Description

Welcome to the world's best Online resource for Learning React and Spring Boot.

React is one of the Most Popular and Most Loved front-end library for building User Interfaces.

On the other hand, Spring is one of the Most Popular and Widely used Java framework for building enterprise web applications.

Spring Boot is a tool to create Spring-based applications quickly and easily. In fact, it is the go-to approach for building Microservices in Java.


Everyone wants to learn React and Spring Boot, this is because companies switching from Angular to React and already companies using React in their production applications. So this is the Best time to learn Full stack development with React and Spring Boot.


How about bringing this together and build a full-stack application with React and Spring Boot?

Isn't it awesome!


Let's find out in this course.

We will create a Full-stack Notes application from the group up and all the way up to deploy to the Production server.


Along the way, you will learn -

  • Creating a spring boot application in the Spring tool suite IDE

  • Creating REST endpoints for an API

  • Adding style to react components

  • Adding bootstrap to react application

  • Adding a validation to HTML form

  • Learn how to use hooks such as useState(), useEffect(), useHistory(), useParams() and man more

  • Learn how to perform the database operations such as Create, Read, Update and Delete

  • Learn how to integrate React with Spring boot

  • Most importantly you will learn how to deploy React and Spring boot application to a live webserver

  • You can show your work to friends and colleagues


I will keep adding more and more features to this course so that you can learn how to scale the application over a period of time.

If you are interested in learning React and Spring Boot, then check out the free preview lectures and enroll in the course.

I will see you inside the course :)


Thank you :)

Who this course is for:

  • Anyone who wants to learn full stack development with React and Spring boot
  • Anyone who wants to learn building the RESTful API with Spring boot
  • Anyone who wants to learn integrating React and Spring boot
  • Anyone who wants to learn deploying React applications to live server
  • Anyone who wants to learn deploying Spring boot application to live server and connect to production database

Instructor

Bushan Sirgur
Java Developer, Blogger, Youtuber
Bushan Sirgur
  • 4.3 Instructor Rating
  • 2,804 Reviews
  • 56,276 Students
  • 4 Courses

Hello visitors,

I am Bushan Sirgur from India, I have completed my Masters in Computer Science. Currently I am working as a Software Engineer in CenturyLink Pvt. Ltd. I have been working in Java Development since from the beginning. I have started my Career as a Intern in a startup, worked on Insurance domain and gain the knowledge on various technologies like Spring MVC, Hibernate, Struts and iBatis. I have written few posts on JavaFX, Spring MVC, Angular and Hibernate. I also own a YouTube channel B2 Tech, over 1000+ subscribers. I also made a video series on JavaFX. I would like to share my knowledge as much as possible with each and everyone out there through videos and blogs.

  • Udemy Business
  • Teach on Udemy
  • Get the app
  • About us
  • Contact us
  • Careers
  • Blog
  • Help and Support
  • Affiliate
  • Impressum Kontakt
  • Terms
  • Privacy policy
  • Cookie settings
  • Sitemap
Udemy
© 2021 Udemy, Inc.