Packt+ | Advance your knowledge in tech

0

Explore Products

Best Sellers

New Releases

Books

Videos

Audiobooks

Free Learning

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

You're reading from Hands-On Full Stack Development with Spring Boot 2.0 and React Build modern and scalable full stack applications using the Java-based Spring Framework 5.0 and React

Product type Paperback

Published in Jun 2018

Publisher Packt

ISBN-13 9781789138085

Length 302 pages

Edition 1st Edition

Languages

Java

Tools

React

Concepts

Full Stack Web Development

Author (1):

Juha Hinkula

View More author details

Table of Contents (18) Chapters

Preface

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

2. Using JPA to Create and Access a Database

3. Creating a RESTful Web Service with Spring Boot

4. Securing and Testing Your Backend

5. Setting Up the Environment and Tools – Frontend

6. Getting Started with React

7. Consuming the REST API with React

8. Useful Third-Party Components for React

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

10. Adding CRUD Functionalities

11. Styling the Frontend with React Material-UI

12. Testing Your Frontend

13. Securing Your Application

14. Deploying Your Application

15. Best Practices

16. Assessments

17. Other Books You May Enjoy

Leave a review - let other readers know what you think

Summary

In this chapter, we finalized our frontend using Material-UI. Material-UI is the React component library that implements Google's Material Design. We replaced all the buttons with the Material-UI Button components. Our modal form got a new look by using the Material-UI TextField component. We removed the React app header and used the AppBar component instead. The messages to the end user are now shown using the Snackbar component. After these modifications, our frontend looks more professional and uniform. In the next chapter, we will focus on frontend testing.

The rest of the chapter is locked

Register for a free Packt account to unlock a world of extra content!

A free Packt account unlocks extra newsletters, articles, discounted offers, and much more. Start advancing your knowledge today.

Unlock this book and the full library FREE for 7 days

Get unlimited access to 7000+ expert-authored eBooks and videos courses covering every tech area you can think of

Start free trial

Renews at $19.99/month. Cancel anytime

Authors (1)

Juha Hinkula

Juha Hinkula

Juha Hinkula is a software development lecturer at Haaga-Helia University of Applied Sciences in Finland. He received an MSc degree in Computer Science from the University of Helsinki and he has over 17 years of industry experience in software development. Over the past few years, he has focused on modern full stack development. He is also a passionate mobile developer with Android-native technology, and also uses React Native.

See other products by Juha Hinkula

Other recommended products

Related to this chapter

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

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

Spring Boot and React allows us to build powerful Full Stack applications. This comprehensive guide demonstrates how to build up a modern full stack app in practice. The front-end is developed by using React which is a modern JavaScript library for building fast and reliable user interfaces. By the end of this book, you will master the process of full stack development by leveraging Spring Boot and React.

May 2019 10h 32m

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

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

Spring Boot and React allows us to build powerful Full Stack applications. This comprehensive guide demonstrates how to build up a modern full stack app in practice. The front-end is developed by using React which is a modern JavaScript library for building fast and reliable user interfaces. By the end of this book, you will master the process of full stack development by leveraging Spring Boot and React.

May 2019 10h 32m

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

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

Spring Boot and React allows us to build powerful Full Stack applications. This comprehensive guide demonstrates how to build up a modern full stack app in practice. The front-end is developed by using React which is a modern JavaScript library for building fast and reliable user interfaces. By the end of this book, you will master the process of full stack development by leveraging Spring Boot and React.

May 2019 10h 32m

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

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

Spring Boot and React allows us to build powerful Full Stack applications. This comprehensive guide demonstrates how to build up a modern full stack app in practice. The front-end is developed by using React which is a modern JavaScript library for building fast and reliable user interfaces. By the end of this book, you will master the process of full stack development by leveraging Spring Boot and React.

May 2019 10h 32m

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

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

Spring Boot and React allows us to build powerful Full Stack applications. This comprehensive guide demonstrates how to build up a modern full stack app in practice. The front-end is developed by using React which is a modern JavaScript library for building fast and reliable user interfaces. By the end of this book, you will master the process of full stack development by leveraging Spring Boot and React.

May 2019 10h 32m

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

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

Spring Boot and React allows us to build powerful Full Stack applications. This comprehensive guide demonstrates how to build up a modern full stack app in practice. The front-end is developed by using React which is a modern JavaScript library for building fast and reliable user interfaces. By the end of this book, you will master the process of full stack development by leveraging Spring Boot and React.

May 2019 10h 32m

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

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

Spring Boot and React allows us to build powerful Full Stack applications. This comprehensive guide demonstrates how to build up a modern full stack app in practice. The front-end is developed by using React which is a modern JavaScript library for building fast and reliable user interfaces. By the end of this book, you will master the process of full stack development by leveraging Spring Boot and React.

May 2019 10h 32m

React Material-UI Cookbook

React Material-UI Cookbook

React Material-UI Cookbook is your ultimate guide to building compelling user interfaces with React and Material Design. Filled with practical and to-the-point recipes, you will learn how to implement sophisticated-UI components. You will also learn how to apply the vast selection of Material-UI components using modern React tools and techniques.

Mar 2019 17h 48m

React Material-UI Cookbook

React Material-UI Cookbook

React Material-UI Cookbook is your ultimate guide to building compelling user interfaces with React and Material Design. Filled with practical and to-the-point recipes, you will learn how to implement sophisticated-UI components. You will also learn how to apply the vast selection of Material-UI components using modern React tools and techniques.

Mar 2019 17h 48m

React Material-UI Cookbook

React Material-UI Cookbook

React Material-UI Cookbook is your ultimate guide to building compelling user interfaces with React and Material Design. Filled with practical and to-the-point recipes, you will learn how to implement sophisticated-UI components. You will also learn how to apply the vast selection of Material-UI components using modern React tools and techniques.

Mar 2019 17h 48m

React Material-UI Cookbook

React Material-UI Cookbook

React Material-UI Cookbook is your ultimate guide to building compelling user interfaces with React and Material Design. Filled with practical and to-the-point recipes, you will learn how to implement sophisticated-UI components. You will also learn how to apply the vast selection of Material-UI components using modern React tools and techniques.

Mar 2019 17h 48m

React Material-UI Cookbook

React Material-UI Cookbook

React Material-UI Cookbook is your ultimate guide to building compelling user interfaces with React and Material Design. Filled with practical and to-the-point recipes, you will learn how to implement sophisticated-UI components. You will also learn how to apply the vast selection of Material-UI components using modern React tools and techniques.

Mar 2019 17h 48m

Personalised recommendations for you

Based on your interests and search pattern

Modern Full-Stack React Projects

Modern Full-Stack React Projects

Full-Stack React Projects is a complete guide to learning full-stack web development, understanding the creation and integration of backend systems, and advancing your career as a frontend developer.

Jun 2024 16h 52m

Modern Full-Stack React Projects

Modern Full-Stack React Projects

Full-Stack React Projects is a complete guide to learning full-stack web development, understanding the creation and integration of backend systems, and advancing your career as a frontend developer.

Jun 2024 16h 52m

Modern Full-Stack React Projects

Modern Full-Stack React Projects

Full-Stack React Projects is a complete guide to learning full-stack web development, understanding the creation and integration of backend systems, and advancing your career as a frontend developer.

Jun 2024 16h 52m

Modern Full-Stack React Projects

Modern Full-Stack React Projects

Full-Stack React Projects is a complete guide to learning full-stack web development, understanding the creation and integration of backend systems, and advancing your career as a frontend developer.

Jun 2024 16h 52m

Modern Full-Stack React Projects

Modern Full-Stack React Projects

Full-Stack React Projects is a complete guide to learning full-stack web development, understanding the creation and integration of backend systems, and advancing your career as a frontend developer.

Jun 2024 16h 52m

Modern Full-Stack React Projects

Modern Full-Stack React Projects

Full-Stack React Projects is a complete guide to learning full-stack web development, understanding the creation and integration of backend systems, and advancing your career as a frontend developer.

Jun 2024 16h 52m

Modern Full-Stack React Projects

Modern Full-Stack React Projects

Full-Stack React Projects is a complete guide to learning full-stack web development, understanding the creation and integration of backend systems, and advancing your career as a frontend developer.

Jun 2024 16h 52m

Modern Full-Stack React Projects

Modern Full-Stack React Projects

Full-Stack React Projects is a complete guide to learning full-stack web development, understanding the creation and integration of backend systems, and advancing your career as a frontend developer.

Jun 2024 16h 52m

Mastering Node.js Web Development

Mastering Node.js Web Development

Explore Node.js with practical examples that will teach you how to utilize open-source packages for real-world solutions. Gain the skills to develop and deploy server-side applications that enhance your client-side projects.

Jun 2024 25h 56m

Mastering Node.js Web Development

Mastering Node.js Web Development

Explore Node.js with practical examples that will teach you how to utilize open-source packages for real-world solutions. Gain the skills to develop and deploy server-side applications that enhance your client-side projects.

Jun 2024 25h 56m

Mastering Node.js Web Development

Mastering Node.js Web Development

Explore Node.js with practical examples that will teach you how to utilize open-source packages for real-world solutions. Gain the skills to develop and deploy server-side applications that enhance your client-side projects.

Jun 2024 25h 56m

Mastering Node.js Web Development

Mastering Node.js Web Development

Explore Node.js with practical examples that will teach you how to utilize open-source packages for real-world solutions. Gain the skills to develop and deploy server-side applications that enhance your client-side projects.

Jun 2024 25h 56m