You're reading from Full Stack Development with Spring Boot 3 and React Build modern web applications using the power of Java, React, and TypeScript

Product type Paperback

Published in Oct 2023

Publisher Packt

ISBN-13 9781805122463

Length 454 pages

Edition 4th Edition

Languages

Java

Tools

React

Concepts

Full Stack Web Development

Author (1):

Juha Hinkula

View More author details

Table of Contents (23) Chapters

Preface

1. Part I: Backend Programming with Spring Boot

2. Setting Up the Environment and Tools – Backend FREE CHAPTER

3. Understanding Dependency Injection

4. Using JPA to Create and Access a Database

5. Creating a RESTful Web Service with Spring Boot

6. Securing Your Backend

7. Testing Your Backend

8. Part II: Frontend Programming with React

9. Setting Up the Environment and Tools – Frontend

10. Getting Started with React

11. Introduction to TypeScript

12. Consuming the REST API with React

13. Useful Third-Party Components for React

14. Part III: Full Stack Development

15. Setting Up the Frontend for Our Spring Boot RESTful Web Service

16. Adding CRUD Functionalities

17. Styling the Frontend with MUI

18. Testing React Apps

19. Securing Your Application

20. Deploying Your Application

21. Other Books You May Enjoy

22. Index

Installing Visual Studio Code

Visual Studio Code (VS Code) is an open-source code editor for multiple programming languages. It was developed by Microsoft. There are many different code editors available, such as Atom and Sublime, and you can use something other than VS Code if you are familiar with it.

Eclipse, which we used for backend development, is optimized for Java development. VS Code can also be used for Java and Spring Boot development, so it is possible to use only one editor for both backend and frontend development if you prefer.

VS Code is available for Windows, macOS, and Linux, and you can download it from https://code.visualstudio.com/. Installation for Windows is done with the MSI installer, and you can execute the installation with default settings.

The following screenshot shows the workbench for VS Code. On the left-hand side is the activity bar, which you can use to navigate between different views. Next to the activity bar is a sidebar...