Before we dive into the generated code, let's talk about the technical stack. We already looked at React in Chapter 2, Getting Started with JHipster, but let's recap.
React is a view rendering library created by Jordan Walke in 2011, and was open sourced in May 2013. It is maintained and backed by Facebook and has a huge community behind it. React follows the JS approach for HTML, where the markup code is written using JavaScript. To reduce verbosity, React uses a syntax sugar for Javascript called JSX (https://reactjs.org/docs/introducing-jsx.html) to describe view elements. It looks similar to HTML, but it is not exactly HTML as some of the standard HTML attributes such as class, for example, is renamed to className, and attribute names are written using camelCase rather than dash-case.
For example, the following is a JSX snippet. You always need to have to use React in context for JSX to work:
const element = <div><strong>Hello there</strong...