Sign In Start Free Trial

Book Overview & Buying
Table Of Contents
Feedback & Rating

Hands-On Full Stack Development with Spring Boot 2 and React

By : Juha Hinkula

3.3 (7)

Hands-On Full Stack Development with Spring Boot 2 and React

3.3 (7)

By: Juha Hinkula

Overview of this book

React Hooks have changed the way React components are coded. They enable you to write components in a more intuitive way without using classes, which makes your code easier to read and maintain. Building on from the previous edition, this book is updated with React Hooks and the latest changes introduced in create-react-app and Spring Boot 2.1. This book starts with a brief introduction to Spring Boot. You’ll understand how to use dependency injection and work with the data access layer of Spring using Hibernate as the ORM tool. You’ll then learn how to build your own RESTful API endpoints for web applications. As you advance, the book introduces you to other Spring components, such as Spring Security to help you secure the backend. Moving on, you’ll explore React and its app development environment and components for building your frontend. Finally, you’ll create a Docker container for your application by implementing the best practices that underpin professional full stack web development. By the end of this book, you’ll be equipped with all the knowledge you need to build modern full stack applications with Spring Boot for the backend and React for the frontend.

Preface

Preface

Who this book is for

What this book covers

To get the most out of this book

Get in touch

Free Chapter

Section 1: Backend Programming with Spring Boot

Section 1: Backend Programming with Spring Boot

Setting Up the Environment and Tools - Backend

Setting Up the Environment and Tools - Backend

Technical requirements

Setting up the environment and tools

Summary

Questions

Further reading

Dependency Injection

Dependency Injection

Technical requirements

Introducing DI

Summary

Questions

Further reading

Using JPA to Create and Access a Database

Using JPA to Create and Access a Database

Technical requirements

Basics of ORM, JPA, and Hibernate

Summary

Questions

Further reading

Creating a RESTful Web Service with Spring Boot

Creating a RESTful Web Service with Spring Boot

Technical requirements

Basics of REST

Summary

Questions

Further reading

Securing and Testing Your Backend

Securing and Testing Your Backend

Technical requirements

Spring Security

Securing your backend using JWT

Testing in Spring Boot

Creating unit tests

Summary

Questions

Further reading

Section 2: Frontend Programming with React

Section 2: Frontend Programming with React

Setting Up the Environment and Tools - Frontend

Setting Up the Environment and Tools - Frontend

Technical requirements

Installing Node.js

Installing VS Code

Creating and running a React app

Summary

Questions

Further reading

Getting Started with React

Getting Started with React

Technical requirements

Basic React components

Basics of ES6

JSX and styling

Props and the state

Component life cycle methods

Stateless components

React hooks

Handling lists with React

Handling events with React

Handling forms with React

Summary

Questions

Further reading

Consuming the REST API with React

Consuming the REST API with React

Technical requirements

Using promises

Using the fetch API

Using the axios library

Practical examples

Summary

Questions

Further reading

Useful Third-Party Components for React

Useful Third-Party Components for React

Technical requirements

Using third-party React components

React Table

Material-UI component library

Routing

Summary

Questions

Further reading

Section 3: Full Stack Development

Section 3: Full Stack Development

Setting Up the Frontend for Our Spring Boot RESTful Web Service

Setting Up the Frontend for Our Spring Boot RESTful Web Service

Technical requirements

Mocking up the UI

Preparing the Spring Boot backend

Creating the React project for the frontend

Summary

Questions

Further reading

Adding CRUD Functionalities

Adding CRUD Functionalities

Technical requirements

Creating the list page

The delete functionality

The add functionality

The edit functionality

Other functionalities

Summary

Questions

Further reading

Styling the Frontend with React Material-UI

Styling the Frontend with React Material-UI

Technical requirements

Using the Button component

Using the Grid component

Using the TextField components

Summary

Questions

Further reading

Testing Your Frontend

Testing Your Frontend

Technical requirements

Using Jest

Snapshot testing

Using Enzyme

Summary

Questions

Further reading

Securing Your Application

Securing Your Application

Technical requirements

Securing the backend

Securing the frontend

Summary

Questions

Further reading

Deploying Your Application

Deploying Your Application

Technical requirements

Deploying the backend

Deploying the frontend

Using Docker containers

Summary

Questions

Further reading

Best Practices

Best Practices

What to learn next

Best practices

Summary

Questions

Further reading

Assessments

Assessments

Chapter 1

Chapter 2

Chapter 3

Chapter 4

Chapter 5

Chapter 6

Chapter 7

Chapter 8

Chapter 9

Chapter 10

Chapter 11

Chapter 12

Chapter 13

Chapter 14

Chapter 15

Chapter 16

Other Books You May Enjoy

Other Books You May Enjoy

Leave a review - let other readers know what you think

Customer Reviews

3.3 (7)

5 star

42.9%

4 star

14.3%

3 star

0%

2 star

14.3%

1 star

28.6%

Creating a RESTful Web Service with Spring Boot

In this chapter, we will first create a RESTful web service using the controller class. After that, we will demonstrate how to use Spring Data REST to create a RESTful web service that also covers all CRUD functionalities automatically. After you have created a RESTful API for your application, you can implement the frontend using a JavaScript library such as React. We are using the database application that we created in the previous chapter as a starting point.

Web services are applications that communicate over the internet using the HTTP protocol. There are many different types of web service architectures, but the principal idea across all designs is the same. In this book, we are creating a RESTful web service from what is nowadays a really popular design.

In this chapter, we will cover the following topics:

Basics of a RESTful...

Search

Your notes and bookmarks