Full Stack Development with JHipster - Second Edition

Generated source code

Let's take a look at the generated code. Since we looked at the server-side code in the previous chapters, we will only look at the client-side code here:

The structure is quite similar to what we saw for Angular, but the React code is organized slightly differently. Here, we are only concerned with the code inside src/main/webapp/app since everything else is exactly the same as what we saw for the Angular application.

Let's take a look at some of the important parts of the code:

• index.tsx: This is the entry point of our application. This is where we Bootstrap React to the root div and initialize the Redux store: