---
title: JHipster 4
description: "A new version of JHipster was recently released, and the changes take the\nexisting JHipster generator that we all love and updates it so we can continue\nbuilding cutting edge applications in a short time frame. With this release, we\nhave a streamlined development process (if using Angular 2), faster"
image: https://blog.ippon.tech/hubfs/Imported_Blog_Media/JHipster-4-Blog--4--3.png
---
[Skip to main content](https://blog.ippon.tech/jhipster-4#main)
[   ](https://ipponusa.com/)
- [Home](https://ipponusa.com)
- [Show submenu for About About](https://ipponusa.com/about-us)
- [Who We Are](https://ipponusa.com/who-we-are)
- [Careers](https://ipponusa.com/careers)
- [Show submenu for Our Partners Our Partners](https://ipponusa.com/our-partners/)
- [AWS](https://ipponusa.com/our-partners/aws/)
- [Snowflake](https://ipponusa.com/our-partners/snowflake/)
- [Databricks](https://ipponusa.com/our-partners/databricks/)
- [Microsoft](https://ipponusa.com/our-partners/microsoft/)
- [Show submenu for Services Services](https://ipponusa.com/services)
- [Snowflake](https://ipponusa.com/service/snowflake-concierge/)
- [Artificial Intelligence](https://ipponusa.com/service/artificial-intelligence/)
- [Data & Analytics](https://ipponusa.com/service/data-analytics/)
- [Cloud Strategy](https://ipponusa.com/service/cloud-strategy/)
- [Platform Modernization](https://ipponusa.com/service/platform-moderization/)
- [Product Innovation](https://ipponusa.com/service/product-innovation/)
- [Operating Model](https://ipponusa.com/service/operating-model/)
- [Blogs](https://blog.ippon.tech/)
- [Success Stories](https://ipponusa.com/success-stories/)
- [Show submenu for Resources Resources](https://ipponusa.com/resources/)
- [eBooks](https://ipponusa.com/ebooks/)
- [The Data Pour](https://info.ippon.tech/the-data-pour)
- [Videos & Webinars](https://info.ippon.tech/videos-and-webinars)
- [Media Center](https://ipponusa.com/media-center/)
Search
Open main navigation
Close main navigation
- [Home](https://ipponusa.com)
- Show submenu for About About
- About
- [About](https://ipponusa.com/about-us)
- [Who We Are](https://ipponusa.com/who-we-are)
- [Careers](https://ipponusa.com/careers)
- Show submenu for Our Partners Our Partners
- Our Partners
- [Our Partners](https://ipponusa.com/our-partners/)
- [AWS](https://ipponusa.com/our-partners/aws/)
- [Snowflake](https://ipponusa.com/our-partners/snowflake/)
- [Databricks](https://ipponusa.com/our-partners/databricks/)
- [Microsoft](https://ipponusa.com/our-partners/microsoft/)
- Show submenu for Services Services
- Services
- [Services](https://ipponusa.com/services)
- [Snowflake](https://ipponusa.com/service/snowflake-concierge/)
- [Artificial Intelligence](https://ipponusa.com/service/artificial-intelligence/)
- [Data & Analytics](https://ipponusa.com/service/data-analytics/)
- [Cloud Strategy](https://ipponusa.com/service/cloud-strategy/)
- [Platform Modernization](https://ipponusa.com/service/platform-moderization/)
- [Product Innovation](https://ipponusa.com/service/product-innovation/)
- [Operating Model](https://ipponusa.com/service/operating-model/)
- [Blogs](https://blog.ippon.tech/)
- [Success Stories](https://ipponusa.com/success-stories/)
- Show submenu for Resources Resources
- Resources
- [Resources](https://ipponusa.com/resources/)
- [eBooks](https://ipponusa.com/ebooks/)
- [The Data Pour](https://info.ippon.tech/the-data-pour)
- [Videos & Webinars](https://info.ippon.tech/videos-and-webinars)
- [Media Center](https://ipponusa.com/media-center/)
- Search
- [Contact Us](https://ipponusa.com/contact/)
[Contact Us](https://ipponusa.com/contact/)
# JHipster 4
by [Kenneth Hegeland](https://blog.ippon.tech/author/kenneth-hegeland)
February 7, 2017
[JHipster](https://blog.ippon.tech/tag/jhipster/)
Feb 07, 2017
A new version of JHipster was recently released, and the changes take the existing JHipster generator that we all love and updates it so we can continue building cutting edge applications in a short time frame. With this release, we have a streamlined development process (if using Angular 2), faster dependency management, less generated code, and we’ve added support for Angular 2. If you know Angular 2, and are interested in continuing development with it, JHipster 4 is perfect. If you are new to Angular 2, and you're looking to learn, this is one of the best places to start. As of this writing, JHipster 4 is the only available full stack generator for Angular 2.
In order to experiment with the new technologies being used, let’s generate a new application. Besides choosing to use Angular 2, select all other default options. You’ll notice a few things immediately; in particular, project generation is fast! In the past, using NPM, we had to wait a few minutes while NPM finished installing everything. Now, let’s look at what is contained in the project directory. We will quickly notice that there is no `bower.json`, no `gulpfile.js`, and no `node_modules` directory. When we generate an application with Angular 2, none of these are needed! Instead we use Yarn ([yarn installation](https://yarnpkg.com/docs/install/?ref=blog.ippon.tech)) for dependency management, and [Webpack](https://webpack.js.org/?ref=blog.ippon.tech) as our build tool. We simply use `yarn start`, and our Webpack build will be started for us.
When we finish generating our application, we get some useful hints on how to proceed. For an experienced JHipster user, this is simply a friendly reminder, but for someone new, this is a nice feature to guide them on using their newly generated application. When running `yarn start`, we may get errors, and generally these errors are related to incompatible versions of Node. It is likely that the error we see will explicitly tell us the lower bound on the Node version required for Yarn. In this case, simply install a version of Node compatible with Yarn, and you’re all set. When we are working with Angular 2, there are some nice efficiencies added to our build process -- we no longer have to manage NPM, Bower, and Gulp. We can simply use Yarn and not worry about anything else. When we need to update dependencies, we use `yarn install`, otherwise we can just use `yarn start`. Unfortunately, if we are still using Angular 1, we must still manage NPM, Bower, and Gulp ourselves.
People familiar with Angular 2 may be familiar with [Angular CLI](https://cli.angular.io/?ref=blog.ippon.tech). Good news! JHipster 4 adds support for Angular CLI, so the workflow you may have developed while using Angular 2 can still be used in JHipster 4. As an example, we can use `ng generate component my-component`, and we get a new directory named `my-component`, with an Angular 2 component and a template. So now we have two types of generation: JHipster entity sub generator can generate an actual entity for us, and Angular CLI can generate components for us to use as a base which we can build off of.
If you’re familiar with Typescript, you may be used to seeing constructor-based injection, which looks like this:
```
export class TestComponentComponent{
constructor( private Service: any ) { }
}
```
Here, the service is injected via the constructor. This is slightly different from Angular 1, where you inject the service into a function. To keep a consistent approach, we’ve updated the backend to also use constructor based injection, rather than using `@Inject` (or `@Autowired`). Our backend code now looks something like this:
```
public class TestClass {
private Service myService;
TestClass( Service myService ) {
this.myService = myService;
}
}
```
And our service will be injected to the constructor!
In the past, JHipster would generate a bunch of utilities for us (on the front end and the backend). For the sake of limiting generated code and removing the need to have the same code in every generated project, we've made these libraries into project dependencies. In `package.json`, you’ll see a dependency of `ng-jhipster`, which is the UI library, [ng-jhipster](https://github.com/jhipster/ng-jhipster?ref=blog.ippon.tech). Similarly, we have [backend utilities](https://github.com/jhipster/jhipster?ref=blog.ippon.tech), added via a new dependency in our `pom.xml`
```
io.github.jhipster
jhipster
${jhipster.server.version}
```
These are some of the big changes. For more details on the release, check out the official release notes for [JHipster 4](https://jhipster.github.io/2017/02/02/jhipster-release-4.0.0.html?ref=blog.ippon.tech). Be sure to follow [@java\_hipster](https://twitter.com/java_hipster?ref=blog.ippon.tech) for all the latest updates.
To get involved, visit [JHipster GitHub](https://github.com/jhipster/generator-jhipster?ref=blog.ippon.tech), [JHipster Stack Overflow](https://stackoverflow.com/tags/jhipster/?ref=blog.ippon.tech), or contact Ippon Technologies USA.
## Related Articles
##### [ JHipster Lite • December 16, 2022 How to Create a Quick React and Angular App with JHipster Lite 8 min read](https://blog.ippon.tech/how-to-create-a-quick-react-and-angular-app-with-jhipster-lite)
##### [ JHipster • March 11, 2021 JHipster Registry with ECS 3 min read](https://blog.ippon.tech/jhipster-registry-with-ecs)
##### [ Spring • January 29, 2021 Comparing Quarkus to Spring Through the Eyes of JHipster 2 min read](https://blog.ippon.tech/comparing-quarkus-to-spring-through-the-eyes-of-jhipster)
### Comments
### Subscribe to Our Blog!
Stay informed with the latest insights and updates by signing up for our weekly blog newsletter – delivered straight to your inbox!
[Back to blog homepage »](https://blog.ippon.tech/)
Ippon is a consulting and expertise firm, who is convinced that technology is a source of progress for society. We help our clients leverage their digital assets to design an appropriate strategy and deploy their transformation roadmap at scale.
#### Navigation
- [Home](https://ipponusa.com/)
- [About](https://ipponusa.com/about-us/)
- [Services](https://ipponusa.com/services/)
- [Blogs](https://blog.ippon.tech/?__hstc=223043268.1036d82247623b329dfefe4e92697801.1714729179243.1714729179243.1714729179243.1&__hssc=223043268.2.1714729179244&__hsfp=803678701)
- [eBooks](https://ipponusa.com/ebooks/)
- [The Data Pour](https://info.ippon.tech/the-data-pour?__hstc=223043268.1036d82247623b329dfefe4e92697801.1714729179243.1714729179243.1714729179243.1&__hssc=223043268.2.1714729179244&__hsfp=803678701)
[Contact Us](https://ipponusa.com/contact/)
[Join Us](https://ipponusa.com/careers/)
#### Services
- [Data & Analytics](https://ipponusa.com/service/data-analytics/)
- [Cloud Strategy](https://ipponusa.com/service/cloud-strategy/)
- [Artificial Intelligence](https://ipponusa.com/service/artificial-intelligence/)
- [Operating Model](https://ipponusa.com/service/operating-model/)
- [Platform Modernization](https://ipponusa.com/service/platform-moderization/)
- [Product Innovation](https://ipponusa.com/service/product-innovation/)
#### Ippon International
- [France](https://fr.ippon.tech/?__hstc=223043268.1036d82247623b329dfefe4e92697801.1714729179243.1714729179243.1714729179243.1&__hssc=223043268.2.1714729179244&__hsfp=803678701)
- [Australia](https://au.ippon.tech/?__hstc=223043268.1036d82247623b329dfefe4e92697801.1714729179243.1714729179243.1714729179243.1&__hssc=223043268.2.1714729179244&__hsfp=803678701)
- #### Contact
- Ippon Technologies
[3431 West Leigh Street Richmond, VA 23230, USA](https://maps.app.goo.gl/RySm6SAwZnsxeiLz9)
-
- [(844) 477- 6687](tel:8444776687)
-
- [Sales@ipponusa.com](mailto:Sales@ipponusa.com)
©Copyright 2024 Ippon USA. All Rights Reserved. | [Terms and Conditions](https://ipponusa.com/privacy-policy/) | [Privacy Policy](https://ipponusa.com/privacy-policy/) | [Website by Skol Marketing](https://skolmarketing.com/)
```json
{
"@context" : "https://schema.org",
"@type" : "BlogPosting",
"author" : {
"@type" : "Person",
"name" : "Kenneth Hegeland",
"url" : "https://blog.ippon.tech/author/kenneth-hegeland"
},
"dateModified" : "2024-01-29T15:57:46.422Z",
"datePublished" : "2017-02-07T15:57:00.000Z",
"headline" : "JHipster 4",
"image" : [ "https://blog.ippon.tech/hubfs/Imported_Blog_Media/JHipster-4-Blog--4--3.png" ],
"mainEntityOfPage" : {
"@id" : "https://blog.ippon.tech/jhipster-4",
"@type" : "WebPage"
},
"publisher" : {
"@type" : "Organization",
"logo" : {
"@type" : "ImageObject",
"url" : "https://blog.ippon.tech/hubfs/logo_SVG.svg"
},
"name" : "Ippon Technologies"
}
}
```