I have already checked on Ratchet, unfortunately it is a poor framework for mobile development.
You do not even have a basic left/right slider menu because Ratchet seems to be focused on web style.
A Framework like Framework 7 has a lot of gadgets(check it out on their website), things like page init(what do you want to happen each time someone loads a page), as you dive deep into your hybrid app, you will need things like Loaders, page init, routers, page restriction and more, without these features, you cannot create a good app. Framework 7 is also compatible with Jquery, Vue, React native(I think)
For example my Android app uses a Laravel API for the back end, Laravel admin panel, OAUTH2(passport feature of Laravel), multiple accounts(in the app itself) with different user rights to access the API resources and also live update of reports, and others. I have also sqlite installed and many other APIs like Google map(it was a lot of work). So using a Ratchet framework would not be a good option in this case. I also tried to build a simple app using it, but it does not have great layout features.
One thing you have to be careful with, is the access of resources, the first mistake I did was to only hide my buttons in the app when the user had account level 1,2 or 3, but with time I realized that when the front end of the app crashes, jquery may not hide or show certain buttons, so you find yourself having to add a second layer of security which is the blocking of certain pages when the user does not have the rights(appinit from framework 7). With time, you find yourself having to add the exact same security in the API resources to limit the access of your data to only certain account types. After 9 months of work on that, I have learned a lot of things(just learning by my own mistakes really…great fun!).