Good question! Onsen UI has similar set of components, but in both Material and flat design so that it will change appearance automatically by the device. Also, it solves mobile UI challenges like infinite list, page navigation and automatic splitter. Visit the reference https://onsen.io/v2/docs/react.html for more details.

Wordpress is a PHP Blog engine, ReactJS, AngularJS and VueJS are JavaScript frameworks.

Making an App with Wordpress ? Why ?

As with a JS framework, slap https://onsen.io/ on top of it and have fun. Use Firebase as a back-end DB and you're gold.

In that case, you don't even need to bother with responsive design.

Chrome, Firefox and other browsers have a setting you can do in "developer tools" where you reduce the viewport to dimensions of a mobile screen. So, just set it up like that and start building.

Other than this, of you do not want to take up task of building the UI, there are many UI frameworks like: https://onsen.io/ and others that have all the UI elements for mobile devices.

Lastly, you can also just buy an HTML theme from a market place like Theme Forrest. You just use the blocks you need and customize it. Will look a whole lot neater also.

Onsen UI

Onsen UI is a front-end UI library that uses CSS, HTML, and JavaScript to give a native application look and feel. With Onsen UI, you can code with native JavaScript or a popular framework such as React, VueJS, or Angular using their bindings.

Onsen UI's website provides documentation and sample apps.

Onsen UI Sample Apps

Onsen UI and Monaca are two different products that can be used separately or together.

Monaca

Onsen UI does not use Monaca, but Onsen UI can be used in Monaca. Monaca contains a set of tools and services to help build cross-platform hybrid mobile apps in the cloud or locally.

Under the hood, Monaca uses the Apache Cordova framework to achieve cross-platform hybrid app development.

You can build an app with Onsen UI and later upload to Monaca or use Cordova directly. However using Cordova, you will need to spend time setting up your build environment while Monaca has this covered. Monaca's interface simplifies Cordova project configurations.

I hope this helps you.

>I just want to know if someone can give me a step by step process on how to develop a Hybrid Mobile App?

There's far more than one way to do this. If you want to use Onsen, then just follow their step-by-step instructions.

https://onsen.io/v2/guide/

I am using OnsenUI to design and build a simple mobile app via apache cordova. Further digging on OnsenUI documentation (Their documentation aren't really the best) OnsenUI on-page. It shows that init is an event that occur right after the page is attached. And they have another event called show - Right after the page is showed.

How is attached different from showed? Doesn't the webpage simply loads once the browser parsed it?

P.S.(The reason for using OnsenUI instead of some other framework is because the learning curve don't seems to be steep and I have time constraint for a project (For anyone that's wondering)

Yeah, I agree. I don't own apple computers either, but I could make a web app that can be ported to the app store later. I'm currently looking at Onsen UI for the framework.

I guess my main conflict is do I want to write it for myself and make it easy, or for the community and make it accessible? I have to decide on what I want. I think making in for the community will look better on my resume and so I'm leaning towards that, but more work means I'm less likely to get it finished.

Hi, I am Masa, the founder of Onsen UI.

Have you had the opportunity to take a look at Onsen UI? We provide extensive Vue.js binding support that makes it easy to create iOS and Android apps with one set of source. You will combine with Cordova to build your app.

If you have not, please take a look and let me know if you feel that this is something you find useful for your project.

I just made an app with Onsen UI.

To be fair, I haven't tried any other, but I really liked it; it was straight forward getting started and a somewhat decent documentation.

I'll go for the same approach for the next one.

Please also try out Onsen UI for Vue 2 for mobile web & hybrid apps. Also comes with interactive tutorial for quick bootstrapping.

Onsen UI 2: Beautiful HTML5 Hybrid Mobile App Framework and Tools

• Start creating beautiful and performant hybrid apps using Onsen UI.
• Onsen UI is easy to learn while being a powerful tool to create complex mobile apps.
• A rich variety of UI components specially designed for mobile apps.
• We take great care to ensure that apps made using Onsen UI feel smooth even on lower end devices.
• Onsen UI provides UI framework and tools for creating fast and beautiful HTML5 hybrid mobile apps based on PhoneGap / Cordova.

Read Full Story

Yes, it includes Onsen UI provides page management. There is a documentation about this: Multiple Page Navigation and ons-backbutton component. Android's hardware backbutton does the same behavior as ons-backbutton.

I know you mentioned Ionic, but I would also recommend checking out Onsen with Angular 2. Amazing product and I thought it was much easier and quicker to implement.

https://onsen.io/v2/docs/guide/angular2/

They have some tutorials coming out on their tutorial site soon as well, but the community forums have tons of information.

Tutorial: Creating a Pokémon application using the Angular2 CLI

• You can use the CLI to create a new component with the ng g component command.
• In our app, we will create a service that fetches data from the Pokémon API.
• import { Component } from '@angular/core'; /** * Import the Pokedex service.
• Just like with classes and services, pipes can be generated using the CLI.
• Instead of using generic objects to describe our data we can create a Pokemon class.

Read Full Story

Hey, there is a tutorial about how to make a chat room with rethinkdb here. It's for a mobile app but maybe you can find some useful info anyway :)

Thanks! Here are some documents to get started:

Angular 2 Guide: https://onsen.io/v2/docs/guide/angular2/index.html Anguar 2 Doc: https://onsen.io/v2/docs/angular2.html

We also have the community forum. Come and swing by!

> Phonegap at its most basic is similar but it will actually spit out native components and is more likely to be approved.

Actually, PhoneGap won't do that. PhoneGap quite literally is a 100%x100% webview. You'd have to use something like Onsen to simulate native UI. If you wanted actual native UI, you'd be forced into plugin territory (at which point you might as well just write the app natively).