Book Image

Building Applications with Spring 5 and Vue.js 2

By : James J. Ye
Book Image

Building Applications with Spring 5 and Vue.js 2

By: James J. Ye

Overview of this book

Building Applications with Spring 5 and Vue.js 2, with its practical approach, helps you become a full-stack web developer. As well as knowing how to write frontend and backend code, a developer has to tackle all problems encountered in the application development life cycle – starting from the simple idea of an application, to the UI and technical designs, and all the way to implementation, testing, production deployment, and monitoring. With the help of this book, you'll get to grips with Spring 5 and Vue.js 2 as you learn how to develop a web application. From the initial structuring to full deployment, you’ll be guided at every step of developing a web application from scratch with Vue.js 2 and Spring 5. You’ll learn how to create different components of your application as you progress through each chapter, followed by exploring different tools in these frameworks to expedite your development cycle. By the end of this book, you’ll have gained a complete understanding of the key design patterns and best practices that underpin professional full-stack web development.
Table of Contents (23 chapters)
Title Page
Copyright and Credits
Dedication
About Packt
Contributors
Preface
Index

Chapter 11. State Management and i18n - Building a Home Page

The register page and login page that we built in the previous two chapters mainly handle form submissions, which are relatively simple. In this chapter, we are building the home page of TaskAgile, which contains more functionalities, as you will see. We will introduce Vuex, the official library for state management in Vue applications.

As usual, in this chapter, we will show you how the home page will look and then break down the task of implementing that page into small steps so that you can see how it is created step by step. We will skip the details of the parts that have already been mentioned before. As always, you can find those skipped details in the commit history.

In this chapter, you will learn about the following:

  • Introduction of frontend state management with Vuex
  • Building a modal window with the Bootstrap modal component
  • Different ways to manageone-to-many and many-to-many relationships
  • Add i18n support with Vue-i18n
  • Logging...