Book Image

Full Stack Development with JHipster,

By : Deepu K Sasidharan, Sendil Kumar Nellaiyapen
Book Image

Full Stack Development with JHipster,

By: Deepu K Sasidharan, Sendil Kumar Nellaiyapen

Overview of this book

JHipster is a development platform to generate, develop, and deploy Spring Boot and Angular/React applications and Spring microservices. It provides you with a variety of tools that will help you quickly build modern web applications. This book will be your guide to building full stack applications with Spring and Angular using the JHipster tool set. You will begin by understanding what JHipster is and the various tools and technologies associated with it. You will learn the essentials of a full stack developer before getting hands-on and building a monolithic web application with JHipster. From here you will learn the JHipster Domain Language with entity modeling and entity creation using JDL and JDL studio. Moving on, you will be introduced to client side technologies such as Angular and Bootstrap and will delve into technologies such as Spring Security, Spring MVC, and Spring Data. You will learn to build and package apps for production with various deployment options such as Heroku and more. During the course of the book, you will be introduced to microservice server-side technologies and how to break your monolithic application with a database of your choice. Next, the book takes you through cloud deployment with microservices on Docker and Kubernetes. Going forward, you will learn to build your client side with React and master JHipster best practices. By the end of the book, you will be able to leverage the power of the best tools available to build modern web applications.
Table of Contents (23 chapters)
Title Page
Copyright and Credits
Dedication
Packt Upsell
Foreword
Contributors
Preface
Index

Generating an application with React client side


Let's dive in straight away and create a React application with JHipster. You will need to open a Terminal to run the 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. If you are running JHipster version 4.x instead of 5.x, then you will have to pass the experimental flag by running jhipster --experimental.

 

  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, choose [BETA] React and proceed.
  2. Once all the prompts are completed, JHipster will generate the application and start installing dependencies before formatting the code using Prettier (https://prettier.io/) and starting the webpack build.

Note

You can run yarn prettier:format to format the client-side code anytime. It will also be automatically run whenever you commit...