Full Stack Development with Spring Boot and React

Build modern and scalable full stack applications using the power of Spring Boot and React, 3rd Edition

Juha Hinkula

• Publisher: Packt Publishing
• Year: 2022
• eBook ISBN: 9781801818643
• Topic: Computer Science
• Subtopic: Programming in JavaScript
• Index: Computer Science

PUBLISHER'S NOTE: A new edition of this book is now available, revised and updated for Spring Boot 3 and TypeScript.

Key Features

• Utilize Spring Boot to make powerful, complex, and secure backends for your applications
• Leverage React's full arsenal of tools for building slick, high-performance frontends
• Build modern, scalable full stack applications that comfortably meet the demands of your users

Book Description

Getting started with full stack development can be daunting. Even developers who are familiar with the best tools, such as Spring Boot and React, can struggle to nail the basics, let alone master the more advanced elements. If you're one of these developers, this comprehensive guide covers everything you need!This updated edition of the Full Stack Development with Spring Boot 2 and React book will take you from novice to proficient in this expansive domain. Taking a practical approach, this book will first walk you through the latest Spring Boot features for creating a robust backend, covering everything from setting up the environment and dependency injection to security and testing.Once this has been covered, you'll advance to React frontend programming. If you've ever wondered about custom Hooks, third-party components, and MUI, this book will demystify all that and much more. You'll explore everything that goes into developing, testing, securing, and deploying your applications using all the latest tools from Spring Boot, React, and other cutting-edge technologies.By the end of this book, you'll not only have learned the theory of building modern full stack applications but also have developed valuable skills that add value in any setting.

What you will learn

• Make fast and RESTful web services powered by Spring Data REST
• Create and manage databases using ORM, JPA, Hibernate, and more
• Explore the use of unit tests and JWTs with Spring Security
• Employ React Hooks, props, states, and more to create your frontend
• Discover a wide array of advanced React and third-party components
• Build high-performance applications complete with CRUD functionality
• Harness MUI to customize your frontend
• Test, secure, and deploy your applications with high efficiency

Who this book is for

This book is for Java developers who are familiar with Spring Boot but don't know where to start when it comes to building full stack applications. You'll also find this book useful if you're a frontend developer with knowledge of JavaScript basics looking to learn full stack development or a full stack developer experienced in other technology stacks looking to learn a new one.

]]>

Part 1: Backend Programming with Spring Boot

Here, you will be familiarized with the basics of Spring Boot. This part provides the knowledge required to use databases and create RESTful web services.

We will cover the following chapters in this section:

• Chapter 1, Setting Up the Environment and Tools – Backend
• Chapter 2, Understanding Dependency Injection
• Chapter 3, Using JPA to Create and Access a Database
• Chapter 4, Creating a RESTful Web Service with Spring Boot
• Chapter 5, Securing and Testing Your Backend

Chapter 1: Setting Up the Environment and Tools – Backend

In this book, we will learn about full stack development using Spring Boot in the backend and React in the frontend. The first half of this book focuses on backend development, and in the second half of the book, we will implement the frontend.

In this chapter, we will set up the environment and tools needed for backend programming with Spring Boot. Spring Boot is a modern Java-based backend framework that makes development faster than with traditional Java-based frameworks. With Spring Boot, you can make a standalone web application that has an embedded application server.

There are a lot of different integrated development environment (IDE) tools that you can use to develop Spring Boot applications. In this chapter, we will install Eclipse, which is an open source IDE for multiple programming languages. We will create our first Spring Boot project by using the Spring Initializr project starter page. The project is then imported into Eclipse and executed. Reading the console log is a crucial skill when developing Spring Boot applications, which we will also cover.

In this chapter, we will look into the following topics:

• Installing Eclipse
• Understanding Maven
• Using Spring Initializr
• Installing MariaDB

Technical requirements

The Java software development kit (SDK), version 8 or higher, is necessary to use the Eclipse IDE. In this book, we are using the Windows operating system, but all tools are available for Linux and macOS as well.

Download the code for this chapter from GitHub, at https://github.com/PacktPublishing/Full-Stack-Development-with-Spring-Boot-and-React/tree/main/Chapter01.

Check out the following video to see the Code in Action: https://bit.ly/3qMV44E

Installing Eclipse

Eclipse is an open source programming IDE developed by the Eclipse Foundation. An installation package or installer can be downloaded from https://www.eclipse.org/downloads. Eclipse is available for Windows, Linux, and macOS.

You can either download a ZIP package of Eclipse or an installer package that executes the installation wizard. In the installer, you should select Eclipse IDE for Enterprise Java and Web Developers, as shown in the following screenshot:

Figure 1.1 – Eclipse installer

If using the ZIP package, you just have to extract the package to your local disk, and it will contain an executable eclipse.exe file that you can run by double-clicking on the file. You should download the Eclipse IDE for Enterprise Java and Web Developers package.

Eclipse is an IDE for multiple programming languages, such as Java, C++, and Python. Eclipse contains different perspectives for your needs, which are a set of views and editors in the Eclipse workbench. The following screenshot shows common perspectives for Java development:

Figure 1.2 – Eclipse workbench

On the left-hand side, we have Project Explorer, where we can see our project structure and resources. Project Explorer is also used to open files by double-clicking on them. The files will be opened in the editor, which is located in the middle of the workbench. The Console view can be found in the lower section of the workbench. This view is really important because it shows application logging messages.

Important Note

You can get Spring Tool Sui...

Table of contents

• Full Stack Development with Spring Boot and React
• Third Edition
• Preface
• Part 1: Backend Programming with Spring Boot
• Chapter 1: Setting Up the Environment and Tools – Backend
• Chapter 2: Understanding Dependency Injection
• Chapter 3: Using JPA to Create and Access a Database
• Chapter 4: Creating a RESTful Web Service with Spring Boot
• Chapter 5: Securing and Testing Your Backend
• Part 2: Frontend Programming with React
• Chapter 6: Setting Up the Environment and Tools – Frontend
• Chapter 7: Getting Started with React
• Chapter 8: Consuming the REST API with React
• Chapter 9: Useful Third-Party Components for React
• Part 3: Full Stack Development
• Chapter 10: Setting up the Frontend for Our Spring Boot RESTful Web Service
• Chapter 11: Adding CRUD Functionalities
• Chapter 12: Styling the Frontend with React MUI
• Chapter 13: Testing Your Frontend
• Chapter 14: Securing Your Application
• Chapter 15: Deploying Your Application
• Chapter 16: Best Practices
• Assessments
• Other Books You May Enjoy