O'Reilly logo
live online training icon Live Online training

Full Stack Development with React and Spring Boot

Get the best out of React and Spring Boot

Topic: Software Development
Andy Olsen

React has emerged in recent years as a popular lightweight framework for implementing compelling web-based user interfaces. Using React you can easily integrate with back-end services via REST APIs, and Spring Boot is an excellent framework for implementing these services. Spring Boot also provides an extremely efficient way to implement data-access logic to talk to a wide range of relational and NoSQL databases. This course explains how to dovetail React and Spring Boot to implement solid, performant, and extensible full stack solutions.

Andy Olsen, experienced trainer and author, provides worked examples so you can follow along and get the experience you need. Andy will provide full source code and solutions online, plus bonus materials you can take away for additional exploration and added value.

What you'll learn-and how you can apply it

  • Creating a Spring Boot web application
  • Managing Spring Boot beans, properties, and application configuration
  • Implementing REST services and data access in Spring Boot
  • Creating a web user interface using React
  • Integrating a React user interface with a Spring Boot back end
  • Using React techniques to create a compelling UI experience

This training course is for you because...

  • You need to implement a full stack application using contemporary tools and APIs

Prerequisites

  • Solid Java programming experience
  • Familiarity with HTML, CSS, and JavaScript

Course Set-up

Recommended Preparation

Recommended Follow-up

  • Creating Enterprise Applications in React by Andy Olsen (Live Training) – search for “Andy Olsen” and the title to find the latest registration page for this live learning on O’Reilly

About your instructor

  • Andy is a freelance consultant, instructor, and developer with more than 30 years of experience in IT. Andy began his professional career as a C/C++ developer and morphed into Java, C#, and other languages as the years and decades passed by. Andy is actively involved in a wide range of technologies including full stack development, cloud native applications, data science, and more. Andy is passionate about technology education and runs training courses around the world across diverse market sectors.

Schedule

The timeframes are only estimates and may vary according to how the class is progressing

DAY 1

Segment 1: Setting the scene (30 min)

  • Overview of contemporary application architectures
  • The role of REST services
  • Creating client-side content
  • Tooling up

Segment 2: Creating a Spring Boot Web Application (55 min)

  • Creating a simple Spring Boot web application
  • Implementing a simple REST service
  • Understanding the Spring Boot application context
  • Understanding application properties

Break (5 min)

Segment 3: Spring Boot Components, Beans, and Autowiring (50 min)

  • Defining components
  • Accessing beans
  • Autowiring beans together
  • Injecting property values

Segment 4: Configuration classes (30 min)

  • Defining a configuration class and beans
  • Initializing bean properties
  • Autowiring dependencies

Break (5 min)

Segment 5: Integrating with Data Sources (65 min)

  • Overview of Spring Data
  • Defining entity classes
  • Defining a repository
  • Integrating the repository into the application

DAY 2

Segment 6: Implementing a REST API (60 min)

  • REST essentials
  • Defining a REST controller to get data
  • Implementing operations to update data

Break (5 min)

Segment 7: Creating a React Front-End (60 min)

  • Creating a simple React application
  • Defining functional components
  • Using JSX

Break (5 min)

Segment 8: Invoking a REST API from React (45 min)

  • Using the fetch() API to invoke a REST service
  • Working with Promises
  • Displaying the results of a REST call
  • Best practices

Break (5 min)

Segment 9: Creating a Compelling UI in React (60 min)

  • Using React Router to implement a Single Page Application
  • Implementing a navigation menu
  • Creating a componentized UI
  • Using styles effectively

Course wrap-up and next steps