Skip to content
O'Reilly home
Spring

Full-Stack Development with React and Spring Boot

Get the best out of React and Spring Boot

144 spots available

Sign up for a free trial!

or sign in.

Registration closes August 15, 2021 10:00 p.m. Coordinated Universal Time

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 live event 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

  • JDK 11 (remember to add the JDK to you PATH, and to set the JAVA_HOME environment variable to point to your JDK installation folder)
  • IntelliJ Ultimate Edition (you can get a free 30-day trial from https://www.jetbrains.com/idea/download)
  • Node.js (you can download the long-term-support [LTS] version from https://nodejs.org/en/)

If you’d like to run the demos yourself during the training session, make sure you download these tools beforehand.

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

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

Your Instructor

  • Andy Olsen

    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.

Start your free 10-day trial

Get started

Want to learn more at events like these?

Get full access to O'Reilly online learning for 10 days—free.

  • checkmark50k+ videos, live online training, learning paths, books, and more.
  • checkmarkBuild playlists of content to share with friends and colleagues.
  • checkmarkLearn anywhere with our iOS and Android apps.
Start Free TrialNo credit card required.