Subscribe to masimplo.com

Stay up to date! Get all the latest & greatest posts delivered straight to your inbox

Ionic

Hybrid apps and the Ionic toolchain.

Ionic VirtualScroll with custom components — wrap in a div cover image
Ionic,  Tips

Ionic VirtualScroll with custom components — wrap in a div

Ionic2 VirtualScroll would not render custom item components — wrap the component in a plain div with *virtualItem until the framework catches up.

Sync Cordova config.xml version with npm version cover image
Bash,  Tips,  Ionic

Sync Cordova config.xml version with npm version

Hook npm version so Cordova config.xml gets the same semver as package.json in the same commit and tag.

Mock Ionic ModalController to test onDidDismiss cover image
Ionic,  Testing,  Code

Mock Ionic ModalController to test onDidDismiss

A reusable PresentableControllerMock so unit tests can dismiss modals, alerts, and toasts and assert the page callback.

Ionic environment config with NODE_ENV and Angular DI cover image
Ionic,  Code,  Tips

Ionic environment config with NODE_ENV and Angular DI

Typed dev/prod config via OpaqueToken and a NODE_ENV factory so Ionic2 builds pick the right API keys at compile time.

Ionic Angular standalone components — migrating 500+ components cover image
Ionic,  Code

Ionic Angular standalone components — migrating 500+ components

How I migrated an Ionic Angular app with 500+ components to standalone using the official schematic, plus the routing and provider fixes that still needed a human.

Three similar Ionic apps, one Nx monorepo, and a lot of AI-assisted glue work cover image
Ionic,  Technology,  AI,  Code,  Personal

Three similar Ionic apps, one Nx monorepo, and a lot of AI-assisted glue work

How we merged three Ionic/Angular/Capacitor codebases into a single Nx workspace so a small team could stop maintaining the same code in three places.