Writing
Articles from 2023
Reviewed English translations of articles originally published in Japanese on Zenn and note.
December 2023
- From Zenn
I Built an ESLint Rule to Prevent Accidental Imports from IonicModule
Ionic Angular Standalone introduced two import paths, and IDE suggestions can pick the wrong one. This ESLint rule flags @ionic/angular imports and supports auto-fix.
- From Zenn
Best Practices for Ionic Angular Standalone Architecture
Component import groups, addIcons trade-offs, ViewModel separation, and ionic-angular-collect-icons as practical answers to Ionic Standalone DX feedback.
- From Zenn
Migrating Ionic Angular to Standalone Automatically with Codemods
How to run @ionic/angular-standalone-codemods with Prettier prep, what each migration step changes, and what to verify before committing.
- From Zenn
Understanding Ionic Angular Standalone Architecture in Depth
How IonicModule.forRoot became provideIonicAngular, why each Ionic component is now standalone, and how IonIcon bundling with addIcons improves tree-shaking and ESBuild.
November 2023
May 2023
- From Zenn
How to Use Angular Standalone with the Ionic CLI
Notes on updating the Ionic CLI and angular.json schematics so ng generate produces Standalone pages and components, plus the routes file naming rule.
- From Zenn
Catching Up a Neglected Ionic Angular Project After Two Years
Step-by-step upgrade from Angular 11/Ionic 5 to Angular 16/Ionic 7: ng update, Capacitor migration, Standalone, strict mode, and extracting overlay controllers.
April 2023
- From Zenn
I Released an ESLint Plugin with Useful Rules for Ionic Angular Projects 🎉
@rdlabo/eslint-plugin-rules bundles ESLint rules for Ionic Angular: migrate constructor DI to inject with auto-fix, enforce inject imports, and block inline overlay elements.
- From Zenn
Ionic 7 Dropped swipeToClose — Here's an Alternative Implementation
Ionic 7 removed swipeToClose on non-card modals. This Angular example recreates swipe-to-dismiss with touch events and RxJS on the modal page component.
- From Zenn
Learn Ionic 7's Refreshed Form Syntax
Ionic 7 simplifies ion-input, ion-select, and other form controls with label and helper-text attributes. This guide covers basic migrations and advanced layouts with aria-labelledby and legacy.