App Active/Inactive/Reachable events howto?

I can see these log messages in XCode:

APP ACTIVE

APP INACTIVE

Not reachable

How can I set up the listeners for these events in F7 js code?

This is what I found:

f7ready(() => {
  f7.on('appStateChange', (state) => {
       console.log('got appStateChange:', state.isActive);
   });
}

in capacitor-app.js:

App.addListener('appStateChange', (state) => {
      f7.emit('appStateChange', state);
}, false);