Release of Ionic 4: Open to Frameworks thanks to Web Components

With the newly released version 4.0.0 Ionic was switched to Web Components. Ionic now opens for use with frameworks other than Angular, such as Vue.js or React.

Ionic 4 has been released and has some changes. With the new version, the Ionic Framework is delivered as a set of Web Components. Ionic becomes framework-agnostic and can therefore be used independently of the chosen framework. This eliminates the previous restriction on use with Angular.

Ionic components are now Web Components and use the Custom Elements API and the Shadow DOM API. In the course of this opening for frameworks, Ionic will support the official tools of the respective frameworks used for building, bundling and routing. To use the routing systems of frameworks, Ionic will continue to have to deliver specific functionality for frameworks. For React and Vue.js bindings are currently in the alpha phase of development. The use of these frameworks with Ionic is to be simplified according to Ionic CEO Max Lynch in the future.

Native CSS Custom Properties in Ionic 4

Another innovation in Ionic 4 is the use of native CSS custom properties in each component. Thus, according to Lynch, a “public theming API” for developers is provided. Customizations of components are now made. This method of customization is independent of the framework used for the frontend.

To assist with the transition to Ionic 4, a migration guide was published. For more information on the release of Ionic 4, see the post by Max Lynch on the Ionic blog.

The Best Ionic

Not only is Ionic 4 the most accessible and future-proof version of Ionic has ever built, but it’s also the fastest and most complete.

Every one of the nearly 100 Ionic components has been evaluated for performance, theme customizability, and platform look and feel. This includes a complete iOS and Material Design refresh for each component to match the latest standards on iOS and Android.


The new version is faster than other versions with more extensions and best funcionality. For those who want to migrate from older versions to the new one, there is the migration service where they can help you convert your app to the new one.

Recent Articles

5 tips for effective remote pair programming

Home office is a challenge where people work and communicate closely together. Pair programming, i.e. working together on a source code, also lives from...

What are the Reasons You Should Play Online Bingo?

Online bingo is fast becoming popular among the masses. It uses unique bingo software to bring fun to you without you having to go somewhere to...

Most in-demand IT jobs from last decade

Uber for travel, Netflix for leisure and Google for everything is the ideal routine that we all wish to follow, of course with Instagram...

The finest text editor for professional bloggers

It is a fact that blogs have replaced books and magazines due to increasing popularity of the online world. Serious readers subscribe to blogs...

Angular 9 final release released

Angular 9 final is here! The new version was released a little late. Ivy is of course one of the new features, but that's...

Related Stories

Leave A Reply

Please enter your comment!
Please enter your name here