DZone
Thanks for visiting DZone today,
Edit Profile
  • Manage Email Subscriptions
  • How to Post to DZone
  • Article Submission Guidelines
Sign Out View Profile
  • Post an Article
  • Manage My Drafts
Over 2 million developers have joined DZone.
Log In / Join
Refcards Trend Reports Events Over 2 million developers have joined DZone. Join Today! Thanks for visiting DZone today,
Edit Profile Manage Email Subscriptions Moderation Admin Console How to Post to DZone Article Submission Guidelines
View Profile
Sign Out
Refcards
Trend Reports
Events
Zones
Culture and Methodologies Agile Career Development Methodologies Team Management
Data Engineering AI/ML Big Data Data Databases IoT
Software Design and Architecture Cloud Architecture Containers Integration Microservices Performance Security
Coding Frameworks Java JavaScript Languages Tools
Testing, Deployment, and Maintenance Deployment DevOps and CI/CD Maintenance Monitoring and Observability Testing, Tools, and Frameworks
Partner Zones AWS Cloud
by AWS Developer Relations
Culture and Methodologies
Agile Career Development Methodologies Team Management
Data Engineering
AI/ML Big Data Data Databases IoT
Software Design and Architecture
Cloud Architecture Containers Integration Microservices Performance Security
Coding
Frameworks Java JavaScript Languages Tools
Testing, Deployment, and Maintenance
Deployment DevOps and CI/CD Maintenance Monitoring and Observability Testing, Tools, and Frameworks
Partner Zones
AWS Cloud
by AWS Developer Relations
Building Scalable Real-Time Apps with AstraDB and Vaadin
Register Now

Trending

  • Tomorrow’s Cloud Today: Unpacking the Future of Cloud Computing
  • Building and Deploying Microservices With Spring Boot and Docker
  • Redefining DevOps: The Transformative Power of Containerization
  • Chaining API Requests With API Gateway

Trending

  • Tomorrow’s Cloud Today: Unpacking the Future of Cloud Computing
  • Building and Deploying Microservices With Spring Boot and Docker
  • Redefining DevOps: The Transformative Power of Containerization
  • Chaining API Requests With API Gateway
  1. DZone
  2. Coding
  3. Frameworks
  4. Onsen vs Ionic Framework

Onsen vs Ionic Framework

Check out this quick article about the comparison of OnsenUI and Ionic framework.

Lalu Prasad user avatar by
Lalu Prasad
·
Updated Nov. 21, 16 · Opinion
Like (7)
Save
Tweet
Share
12.01K Views

Join the DZone community and get the full member experience.

Join For Free

Mobile framework world is extremely competitive one. recently, jQuery library was a king (as a mobile core framework), but far from the best one.

Don’t get me wrong, jQuery is a great library if you want to maintain, manipulate, and control DOM elements, unfortunately, it lacks MVC architecture and jQuery Mobile is a best example why this is a failed approach.On the other hand, AngularJS can do everything that jQuery does and much more, like:

  1. MVC pattern
  2. data binding
  3. forms validation
  4. dependency injections
  5. templates

Ionic and Onsen UI are AngularJS based mobile UI frameworks. AngularJS core (approach) makes them very similar; if you ever wrote such application your transition is going to be smooth and painless.

Ionic  

Beauty of Ionic framework is in its modern simplicity. Ionic has a more mature feature and CSS component set and out of the box. Injectable delegate services, representing the UI elements (directives) gives you more control over UI/UX interactions. The development community is (currently) very active and it's gaining traction.

  • command like "ionic start myApp tabs" still don't available in onsenUI
  • Material Design like "Cardboard" are available
  • Native theming and features 

Onsen

Onsen UI walks a similar path but unique in its own way. Default theme is naturally flat and distinctively different then Ionic one, especially if you spend some time playing with it. First time I saw it I was disappointed a bit, you need to understand it was after I decided to switch from ionic framework. Onsen UI is responsive.

  • simpler structure, easy to start
  • couple with Monaca IDE, some of features are only available only if you use Monaca. Otherwise, you have to create things by yourself.

Unlike Ionic, (this may change in the future) Onsen UI provides different themes for provided platforms. It CSS core is built around the Topcoat library . It is an open source CSS library designed with speed in mind. Because it doesn’t contain any JavaScript, Topcoat was chosen as a perfect UI building block.

Conclusion

There’s nothing controversial or false here; both frameworks will deliver what they’re promising. Onsen UI is somewhat vague about Android 2.3 support; I’m talking about the claim that Onsen UI works with this specific Android version. Personally, they should state that some features will not work on such an old Android platform.

Ionic (mobile app framework) Framework

Opinions expressed by DZone contributors are their own.

Trending

  • Tomorrow’s Cloud Today: Unpacking the Future of Cloud Computing
  • Building and Deploying Microservices With Spring Boot and Docker
  • Redefining DevOps: The Transformative Power of Containerization
  • Chaining API Requests With API Gateway

Comments

Partner Resources

X

ABOUT US

  • About DZone
  • Send feedback
  • Careers
  • Sitemap

ADVERTISE

  • Advertise with DZone

CONTRIBUTE ON DZONE

  • Article Submission Guidelines
  • Become a Contributor
  • Visit the Writers' Zone

LEGAL

  • Terms of Service
  • Privacy Policy

CONTACT US

  • 600 Park Offices Drive
  • Suite 300
  • Durham, NC 27709
  • support@dzone.com

Let's be friends: