Book Image

Full Stack Development with JHipster - Second Edition

By : Deepu K Sasidharan, Sendil Kumar Nellaiyapen
Book Image

Full Stack Development with JHipster - Second Edition

By: Deepu K Sasidharan, Sendil Kumar Nellaiyapen

Overview of this book

JHipster is an open source development platform that allows you to easily create web apps and microservices from scratch without spending time on wiring and integrating different technologies. Updated to include JHipster 6, Java 11, Spring Boot 2.1, Vue.js, and Istio, this second edition of Full Stack Development with JHipster will help you build full stack applications and microservices seamlessly. You'll start by understanding JHipster and its associated tools, along with the essentials of full stack development, before building a monolithic web app. You'll then learn the JHipster Domain Language (JDL) with entity modeling using JDL-Studio. With this book, you'll create production-ready web apps using Spring Boot, Spring Framework, Angular, and Bootstrap, and run tests and set up continuous integration pipelines with Jenkins. As you advance, you'll learn how to convert your monoliths to microservices and how to package your application for production with various deployment options, including Heroku and Google Cloud. You'll also learn about Docker and Kubernetes, along with an introduction to the Istio service mesh. Finally, you'll build your client-side with React and Vue.js and discover JHipster's best practices. By the end of the book, you'll be able to leverage the best tools available to build modern web apps.
Table of Contents (23 chapters)
Section 1: Getting Started with the JHipster Platform
Section 2: Building and Customizing Web Applications with JHipster
Section 3: Continuous Integration and Testing
Section 4: Converting Monoliths to Microservice Architecture
Section 5: Deployment of Microservices
Section 6: React and Vue.js for the Client Side

Generating an application with React client-side

In this section, we'll create a React application with JHipster. You will need to open a Terminal to run the following commands:

  1. Create a new folder and navigate to it by running mkdir jhipster-react && cd jhipster-react.
  2. Now, run the jhipster command in the Terminal.
  1. JHipster will start with prompts; let's select default options for everything except for the question Which *Framework* would you like to use for the client? For this question, select React as the value and proceed.
  2. Once all the prompts have been completed, JHipster will generate the application and start installing dependencies before starting the webpack build.
You can run npm run prettier:format to format the client-side code anytime. It will also be automatically run whenever you commit something with a Git pre-commit hook.

Our selected options...