Full stack Quarkus and React : hands-on full-stack web development with Java, React, and Kubernetes

Cover Title Page Copyright Dedication Forward Contributors Table of Contents Preface Part 1– Creating a Backend with Quarkus Chapter 1: Bootstrapping the Project Technical requirements What is Quarkus? Setting up the work environment with IntelliJ IDEA Bootstrapping a Quarkus application Project structure and dependencies Maven Wrapper Maven project (pom.xml) Source files Development mode Continuous testing Packaging the application Summary Questions Chapter 2: Adding Persistence Technical requirements Data persistence in Quarkus Adding dependencies to our project Configuring Quarkus Implementing the task manager data model Deleting the bootstrapped example classes and files Creating the task manager entities Database tables resulting from the ORM entities Loading the application’s initial data Quarkus Dev Services Summary Questions Chapter 3: Creating the HTTP API Technical requirements Writing HTTP REST endpoints in Quarkus Adding the required dependencies to our project Writing a blocking synchronous endpoint Writing a non-blocking asynchronous endpoint Implementing the task manager business logic UserService ProjectService TaskService Exposing the task manager to the frontend UserResource ProjectResource TaskResource Dealing with service exceptions Summary Questions Chapter 4: Securing the Application Technical requirements Using JWT security in Quarkus Adding the required dependencies Implementing the task manager’s HTTP API security Generating the key files Configuring the application Implementing the authentication service and login interface Getting the logged-in user Letting users change their password Securing the HTTP resources Summary Questions Chapter 5: Testing Your Backend Technical requirements Testing in Quarkus Adding the missing test dependency to our project Testing the task manager Configuring the application Testing authentication Testing the user-related features Testing the project-related features Testing the task-related features Summary Questions Chapter 6: Building a Native Image Technical requirements Building a native executable in Quarkus Setting up GraalVM Creating a native image for the task manager Including application resources Building the native image Running the native image Building the native image in a Docker container Summary Questions Part 2– Creating a Frontend with React Chapter 7: Bootstrapping the React Project Technical requirements What is React? Creating a React project Directory structure Adding routing Adding the React Material UI component library Adding state management Creating the common layout Creating the TopBar component Creating the MainDrawer component Managing the layout’s state Creating the Layout component Displaying a dummy page Setting up the global store Overriding the MUI theme Setting up the application router Putting it all together Summary Questions Chapter 8: Creating the Login Page Technical requirements Setting up the authentication workflow Configuring Quarkus for React dev mode Configuring React’s environments Managing the frontend session Creating the Login page Adding a protected user management page Defining a user API Redux slice using Redux Toolkit’s createApi function Creating the Users page Adding a link to the Users page in MainDrawer Running the application Summary Questions Chapter 9: Creating the Main Application Technical requirements Adding user-specific features Implementing a password change dialog Adding a user icon to the top bar Adding CRUD functionalities Adding the project management features Adding the task management features Finalizing the application’s layout Deleting the no longer needed files and running the application Summary Questions Chapter 10: Testing Your Frontend Technical requirements Testing frontend applications overview Adding the required dependencies Testing React components Running the tests on IntelliJ Testing the router Testing helpers Testing the application’s routes and navigation system Testing the application’s features Testing the auth-related features Testing the task management-related features Running the tests from the command line Summary Questions Chapter 11: Quarkus Integration Technical requirements Distributing the application as a monolith versus a microservice Advantages of a microservice architecture The monolithic approach Configuring the Quarkus application to build the frontend Creating an HTTP resource to serve the React application from Quarkus Running the application Configuring the native build Including the frontend resources Fixing GatewayResource for native compilation Running the native application Summary Questions Part 3– Deploying Your Application to the Cloud Chapter 12: Deploying Your Application to Kubernetes Technical requirements What is Kubernetes? What is a container-based application? Setting up a local cluster with minikube Creating a container image Creating an image repository in Docker Hub Building a container image with Eclipse JKube Pushing the container image to Docker Hub Using Jib to build and push a container image without Docker Creating the cluster configuration manifests Adjusting the cluster manifests from the project’s pom.xml Adjusting the cluster manifests using fragments Creating the cluster configuration manifests with Eclipse JKube Deploying the task manager to minikube Summary Questions Chapter 13: Deploying Your Application to Fly.io Technical requirements Introducing Fly.io Configuring the project for Fly.io Creating a Dockerfile for Fly.io Setting up a Maven profile for Fly.io Deploying the task manager Creating a Fly.io account Logging in to Fly.io Creating a new application Analyzing the fly.toml app configuration Deploying the app Summary Questions Chapter 14: Creating a Continuous Integration Pipeline Technical requirements Introducing GitHub Actions What is continuous integration? What are continuous delivery and continuous deployment? GitHub Actions overview Creating and pushing the application into a GitHub repository Generating a PAT Initializing the local git repository Creating a GitHub Actions pipeline Summary Questions Appendix – Answers 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 Index About Packt Other Books You May Enjoy Create and deploy standalone, fully functional, web applications using Quarkus and React Key Features Get up and running with web application development speedily using React and Quarkus Get an overview of how to make a Java backend work seamlessly with a JavaScript frontend Learn how to deploy your working application to Kubernetes and share it with the world Book Description React has established itself as one of the most popular and widely adopted frameworks thanks to its simple yet scalable app development abilities. Quarkus comes across as a fantastic alternative for backend development by boosting developer productivity with features such as pre-built integrations, application services, and more that bring a new, revolutionary developer experience to Java. To make the best use of both, this hands-on guide will help you get started with Quarkus and React to create and deploy an end-to-end web application. This book is divided into three parts. In the first part, you'll begin with an introduction to Quarkus and its features, learning how to bootstrap a Quarkus project from the ground up to create a tested and secure HTTP server for your backend. The second part focuses on the frontend, showing you how to create a React project from scratch to build the application's user interface and integrate it with the Quarkus backend. The last part guides you through creating cluster configuration manifests and deploying them to Kubernetes as well as other alternatives, such as Fly.io. By the end of this full stack development book, you'll be confident in your skills to combine the robustness of both frameworks to create and deploy standalone, fully functional web applications. What you will learn Create a Quarkus project from scratch to gain a basic understanding of its advantages Create a persistence layer in a Quarkus application Secure your application by adding authentication and authorization features Use Quarkus Dev services to implement integration tests with real-world databases Start creating a React project from scratch Use React Testing Library to test React components Identify the most suitable alternatives for deploying your application to the cloud Who this book is for This book is for backend web developers who have at least basic experience with Java and would like to learn React to build full stack apps by integrating it with a Quarkus-based backend. Frontend web developers with basic JavaScript experience will also find this book useful to learn how to implement a backend in Quarkus and integrate it with their frontend to create full stack web applications. Beginner-level knowledge of Java and JavaScript is recommended, but any developer experienced either with Java or JavaScript should be able to follow the backend and frontend parts easily This book provides the hands-on experience required to create full stack applications with Quarkus and React from scratch and deploy them to the cloud. After working through the book, you'll be able to create and deploy standalone, fully functional, web applications of your own.