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

Creating React components

React is a JavaScript library for user interfaces (UIs). Since version 15, React has been developed under the MIT license. React is component-based, and the components are independent and reusable. Components are the basic building blocks of React. When you start to develop a UI with React, it is good to start by creating mock interfaces. That way, it will be easy to identify what kinds of components you have to create and how they interact.

From the following mock UI, we can see how the UI can be split into components. In this case, there will be an application root component, a search bar component, a table component, and a table row component: