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.
  • Book Overview & Buying Hands-On Full Stack Development with Spring Boot 2 and React
  • Table Of Contents Toc
  • Feedback & Rating feedback
Hands-On Full Stack Development with Spring Boot 2 and React

Hands-On Full Stack Development with Spring Boot 2 and React - Second Edition

By : Juha Hinkula
3.3 (7)
Buy this Book
close
close
Hands-On Full Stack Development with Spring Boot 2 and React

Hands-On Full Stack Development with Spring Boot 2 and React

3.3 (7)
By: Juha Hinkula
Buy this Book

Overview of this book

React Hooks have changed the way React components are coded. They enable you to write components in a more intuitive way without using classes, which makes your code easier to read and maintain. Building on from the previous edition, this book is updated with React Hooks and the latest changes introduced in create-react-app and Spring Boot 2.1. This book starts with a brief introduction to Spring Boot. You’ll understand how to use dependency injection and work with the data access layer of Spring using Hibernate as the ORM tool. You’ll then learn how to build your own RESTful API endpoints for web applications. As you advance, the book introduces you to other Spring components, such as Spring Security to help you secure the backend. Moving on, you’ll explore React and its app development environment and components for building your frontend. Finally, you’ll create a Docker container for your application by implementing the best practices that underpin professional full stack web development. By the end of this book, you’ll be equipped with all the knowledge you need to build modern full stack applications with Spring Boot for the backend and React for the frontend.
Table of Contents (22 chapters)
close
close
close
Preface
Icon
Preface
Icon
Who this book is for
Icon
What this book covers
Icon
To get the most out of this book
Icon
Get in touch
Lock Free Chapter
1
Section 1: Backend Programming with Spring Boot
Icon
Section 1: Backend Programming with Spring Boot
2
Setting Up the Environment and Tools - Backend
Icon
Setting Up the Environment and Tools - Backend
Icon
Technical requirements
Icon
Setting up the environment and tools
Icon
Summary
Icon
Questions
Icon
Further reading
3
Dependency Injection
Icon
Dependency Injection
Icon
Technical requirements
Icon
Introducing DI
Icon
Summary
Icon
Questions
Icon
Further reading
4
Using JPA to Create and Access a Database
Icon
Using JPA to Create and Access a Database
Icon
Technical requirements
Icon
Basics of ORM, JPA, and Hibernate
Icon
Summary
Icon
Questions
Icon
Further reading
5
Creating a RESTful Web Service with Spring Boot
Icon
Creating a RESTful Web Service with Spring Boot
Icon
Technical requirements
Icon
Basics of REST
Icon
Summary
Icon
Questions
Icon
Further reading
6
Securing and Testing Your Backend
Icon
Securing and Testing Your Backend
Icon
Technical requirements
Icon
Spring Security
Icon
Securing your backend using JWT
Icon
Testing in Spring Boot
Icon
Creating unit tests
Icon
Summary
Icon
Questions
Icon
Further reading
7
Section 2: Frontend Programming with React
Icon
Section 2: Frontend Programming with React
8
Setting Up the Environment and Tools - Frontend
Icon
Setting Up the Environment and Tools - Frontend
Icon
Technical requirements
Icon
Installing Node.js
Icon
Installing VS Code
Icon
Creating and running a React app
Icon
Summary
Icon
Questions
Icon
Further reading
9
Getting Started with React
chevron up
Icon
Getting Started with React
Icon
Technical requirements
Icon
Basic React components
Icon
Basics of ES6
Icon
JSX and styling
Icon
Props and the state
Icon
Component life cycle methods
Icon
Stateless components
Icon
React hooks
Icon
Handling lists with React
Icon
Handling events with React
Icon
Handling forms with React
Icon
Summary
Icon
Questions
Icon
Further reading
10
Consuming the REST API with React
Icon
Consuming the REST API with React
Icon
Technical requirements
Icon
Using promises
Icon
Using the fetch API
Icon
Using the axios library
Icon
Practical examples
Icon
Summary
Icon
Questions
Icon
Further reading
11
Useful Third-Party Components for React
Icon
Useful Third-Party Components for React
Icon
Technical requirements
Icon
Using third-party React components
Icon
React Table
Icon
Material-UI component library
Icon
Routing
Icon
Summary
Icon
Questions
Icon
Further reading
12
Section 3: Full Stack Development
Icon
Section 3: Full Stack Development
13
Setting Up the Frontend for Our Spring Boot RESTful Web Service
Icon
Setting Up the Frontend for Our Spring Boot RESTful Web Service
Icon
Technical requirements
Icon
Mocking up the UI
Icon
Preparing the Spring Boot backend
Icon
Creating the React project for the frontend
Icon
Summary
Icon
Questions
Icon
Further reading
14
Adding CRUD Functionalities
Icon
Adding CRUD Functionalities
Icon
Technical requirements
Icon
Creating the list page
Icon
The delete functionality
Icon
The add functionality
Icon
The edit functionality
Icon
Other functionalities
Icon
Summary
Icon
Questions
Icon
Further reading
15
Styling the Frontend with React Material-UI
Icon
Styling the Frontend with React Material-UI
Icon
Technical requirements
Icon
Using the Button component
Icon
Using the Grid component
Icon
Using the TextField components
Icon
Summary
Icon
Questions
Icon
Further reading
16
Testing Your Frontend
Icon
Testing Your Frontend
Icon
Technical requirements
Icon
Using Jest
Icon
Snapshot testing
Icon
Using Enzyme
Icon
Summary
Icon
Questions
Icon
Further reading
17
Securing Your Application
Icon
Securing Your Application
Icon
Technical requirements
Icon
Securing the backend
Icon
Securing the frontend
Icon
Summary
Icon
Questions
Icon
Further reading
18
Deploying Your Application
Icon
Deploying Your Application
Icon
Technical requirements
Icon
Deploying the backend
Icon
Deploying the frontend
Icon
Using Docker containers
Icon
Summary
Icon
Questions
Icon
Further reading
19
Best Practices
Icon
Best Practices
Icon
What to learn next
Icon
Best practices
Icon
Summary
Icon
Questions
Icon
Further reading
20
Assessments
Icon
Assessments
Icon
Chapter 1
Icon
Chapter 2
Icon
Chapter 3
Icon
Chapter 4
Icon
Chapter 5
Icon
Chapter 6
Icon
Chapter 7
Icon
Chapter 8
Icon
Chapter 9
Icon
Chapter 10
Icon
Chapter 11
Icon
Chapter 12
Icon
Chapter 13
Icon
Chapter 14
Icon
Chapter 15
Icon
Chapter 16
21
Other Books You May Enjoy
Icon
Other Books You May Enjoy
Icon
Leave a review - let other readers know what you think

Getting Started with React

This chapter describes the basics of React programming. We will cover the skills that are required to create basic functionalities for the React frontend. In JavaScript, we use the ES6 syntax because it provides many features that make coding cleaner.

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

  • How to create React components
  • Useful ES6 features
  • What JSX is
  • How to use state and props in components
  • Stateless components
  • React hooks
  • How to handle events and forms in React
Visually different images
CONTINUE READING
83
Tech Concepts
36
Programming languages
73
Tech Tools
Icon Unlimited access to the largest independent learning library in tech of over 8,000 expert-authored tech books and videos.
Icon Innovative learning tools, including AI book assistants, code context explainers, and text-to-speech.
Icon 50+ new titles added per month and exclusive early access to books as they are being written.
Hands-On Full Stack Development with Spring Boot 2 and React
End of Section 9
Next Section
notes
bookmark Notes and Bookmarks search Search in title playlist Add to playlist download Download options
font-size Font size

Change the font size

margin-width Margin width

Change margin width

day-mode Day/Sepia/Night Modes

Change background colour

Close icon Search
Country selected
Close icon Your notes and bookmarks

Confirmation

Modal Close icon
claim successful
Order Page Read Now

Buy this book with your credits?

Modal Close icon
Are you sure you want to buy this book with one of your credits?
Close
YES, BUY

Submit Your Feedback

Modal Close icon
Modal Close icon
Modal Close icon