Browse Library
Sign In Start Free Trial
Close icon Search icon
Account
Browse Library Advanced Search Sign In Start Free Trial

Add to playlist

Create a Playlist

Modal Close icon
You need to login to use this feature.
  • Full Stack Development with Spring Boot and React
  • Toc
  • feedback
Full Stack Development with Spring Boot and React

Full Stack Development with Spring Boot and React

By : Juha Hinkula
4.2 (12)
close
Full Stack Development with Spring Boot and React

Full Stack Development with Spring Boot and React

4.2 (12)
By: Juha Hinkula

Overview of this book

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.
Table of Contents (22 chapters)
close
close
Preface
Preface
Who this book is for
What this book covers
To get the most out of this book
Download the example code files
Code in Action
Download the color images
Conventions used
Get in touch
Share Your Thoughts
1
Part 1: Backend Programming with Spring Boot
Part 1: Backend Programming with Spring Boot
Free Chapter
2
Chapter 1: Setting Up the Environment and Tools – Backend
chevron up
Chapter 1: Setting Up the Environment and Tools – Backend
Technical requirements
Installing Eclipse
Understanding Maven
Using Spring Initializr
Installing MariaDB
Summary
Questions
Further reading
3
Chapter 2: Understanding Dependency Injection
Chapter 2: Understanding Dependency Injection
Technical requirements
Introducing DI
Using DI in Spring Boot
Summary
Questions
Further reading
4
Chapter 3: Using JPA to Create and Access a Database
Chapter 3: Using JPA to Create and Access a Database
Technical requirements
Basics of ORM, JPA, and Hibernate
Creating the entity classes
Creating CRUD repositories
Adding relationships between tables
Setting up a MariaDB database
Summary
Questions
Further reading
5
Chapter 4: Creating a RESTful Web Service with Spring Boot
Chapter 4: Creating a RESTful Web Service with Spring Boot
Technical requirements
Basics of REST
Creating a RESTful web service
Using Spring Data REST
Summary
Questions
Further reading
6
Chapter 5: Securing and Testing Your Backend
Chapter 5: Securing and Testing Your Backend
Technical requirements
Understanding Spring Security
Securing your backend using a JWT
Testing in Spring Boot
Creating unit tests
Summary
Questions
Further reading
7
Part 2: Frontend Programming with React
Part 2: Frontend Programming with React
8
Chapter 6: Setting Up the Environment and Tools – Frontend
Chapter 6: 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
9
Chapter 7: Getting Started with React
Chapter 7: Getting Started with React
Technical requirements
How to create React components
Useful ES6 features
JSX and styling
Props and state
Stateless components
Conditional rendering
React hooks
Custom hooks
The Context API
Handling lists with React
Handling events with React
Handling forms with React
Summary
Questions
Further reading
10
Chapter 8: Consuming the REST API with React
Chapter 8: Consuming the REST API with React
Technical requirements
Using promises
Using the fetch API
Using the axios library
Working on practical examples
OpenWeatherMap API
Summary
Questions
Further reading
11
Chapter 9: Useful Third-Party Components for React
Chapter 9: Useful Third-Party Components for React
Technical requirements
Using third-party React components
Working with AG Grid
Using the MUI component library
Managing routing in React
Summary
Questions
Further reading
12
Part 3: Full Stack Development
Part 3: Full Stack Development
13
Chapter 10: Setting up the Frontend for Our Spring Boot RESTful Web Service
Chapter 10: 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
14
Chapter 11: Adding CRUD Functionalities
Chapter 11: Adding CRUD Functionalities
Technical requirements
Creating the list page
The delete functionality
The add functionality
The edit functionality
Other functionalities
Summary
Questions
Further reading
15
Chapter 12: Styling the Frontend with React MUI
Chapter 12: Styling the Frontend with React MUI
Technical requirements
Using the Button component
Using icon components
Using the TextField components
Summary
Questions
Further reading
16
Chapter 13: Testing Your Frontend
Chapter 13: Testing Your Frontend
Technical requirements
Using Jest
Firing events in tests
Understanding snapshot testing
Summary
Questions
Further reading
17
Chapter 14: Securing Your Application
Chapter 14: Securing Your Application
Technical requirements
Securing the backend
Securing the frontend
Summary
Questions
Further reading
18
Chapter 15: Deploying Your Application
Chapter 15: Deploying Your Application
Technical requirements
Deploying the backend
Deploying the frontend
Using Docker containers
Summary
Questions
Further reading
19
Chapter 16: Best Practices
Chapter 16: Best Practices
What to learn next
Best practices
Summary
Questions
Further reading
20
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
Why subscribe?
21
Other Books You May Enjoy
Other Books You May Enjoy
Packt is searching for authors like you
Share Your Thoughts

Installing MariaDB

In Chapter 3, Using JPA to Create and Access a Database, we are going to use MariaDB, so you will need to install it locally on your computer. MariaDB is a widely used open source relational database. MariaDB is available for Windows and Linux, and you can download the latest stable community version from https://mariadb.com/downloads/. MariaDB is developed under a GNU's Not UNIX (GNU) General Public License version 2 (GPLv2) license. The following steps guides you to install MariaDB:

  1. For Windows, there is the Microsoft Installer (MSI) installer, which we will use here. Download the installer and execute it. Install all features from the installation wizard, as illustrated in the following screenshot:
Figure 1.14 – MariaDB installation (Step 1)

Figure 1.14 – MariaDB installation (Step 1)

  1. In the next step, you should give the password for the root user. This password is needed in the next chapter when we'll connect our application to the database. The process is illustrated in the following screenshot:
Figure 1.15 – MariaDB installation (Step 2)

Figure 1.15 – MariaDB installation (Step 2)

  1. In the next phase, we can use the default settings, as illustrated in the following screenshot:
Figure 1.16 – MariaDB installation (Step 3)

Figure 1.16 – MariaDB installation (Step 3)

  1. Now, the installation will start, and MariaDB will be installed on your local computer. The installation wizard will install HeidiSQL for us. This is a graphical easy-to-use database client. We will use this to add a new database and make queries to our database. You can also use the Command Prompt included in the installation package.
  2. Open HeidiSQL and log in using the password that you gave in the installation phase. You should then see the following screen:
Figure 1.18 – HeidiSQL

Figure 1.18 – HeidiSQL

We now have everything needed to start the implementation of the backend.

End of Section 6
Next Section
bookmark search playlist download
font-size

Change the font size

margin-width

Change margin width

day-mode

Change background colour

Close icon Search
Country selected
Close icon Your notes and bookmarks

Delete Bookmark

Modal Close icon
Are you sure you want to delete it?
Cancel
Yes, Delete