---
title: "Announcing Ionic Framework 9"
url: https://daily.dev/posts/announcing-ionic-framework-9-xh4fraahn
source_url: https://ionic.io/blog/announcing-ionic-framework-9
type: article
source: "Ionic Blog"
published: 2026-08-19T23:07:08.385Z
updated: 2026-08-19T23:28:57.089Z
tags: ["mobile", "vuejs", "angular", "react-router"]
reading_time: 8
upvotes: 28
comments: 2
language: en
---

> ## Documentation Index
> Fetch the complete documentation index at: https://daily.dev/llms.txt
> Use this file to discover all available pages before exploring further.

# Announcing Ionic Framework 9

**[Ionic Blog](https://daily.dev/sources/ionic)** · 8 min read · 28 upvotes · 2 comments

## Summary

Ionic Framework 9 has shipped with React Router 6 support (rebuilt integration that no longer relies on React Router internals), Vue Router 5 compatibility, and support for Angular 18 through 22 including zoneless change detection by default. Stencil output targets for React, Angular, and Vue were updated with better type checking and test coverage. New features include rich content in Select options (images, avatars, descriptions) and font icon support in ion-icon alongside existing SVG icons. A new migration CLI (npx @ionic/migrate) automates many v8-to-v9 breaking changes, including Angular import path updates and the React Router component-to-element rewrite. The React output target now requires React 18+. A future 'Modular Ionic' initiative separating appearance from behavior is planned for Q2 2027.

## Full article

daily.dev links to this article rather than hosting it. Read it at the original source: <https://ionic.io/blog/announcing-ionic-framework-9>

## Questions this post answers

### Does Ionic Framework 9 support React Router 6?

Yes, Ionic Framework 9 rebuilds its router integration to support React Router 6, which was the most requested feature. Ionic now manages view retention and cleanup during navigation itself instead of depending on React Router internals, fixing long-standing issues like swipe-to-go-back on parameterized routes. React Router 7 support is planned next.

_Teams planning a React Router upgrade can track framework compatibility changes like this on daily.dev._

### What Angular versions does Ionic Framework 9 support and does it work with zoneless change detection?

Ionic Framework 9 supports Angular 18 through 22 and defaults to zoneless change detection, which Angular 21 also enables by default. Zone.js remains supported if preferred. Angular 22 requires TypeScript 6.0 and a newer Node version, which is why Angular 22 support could not ship in Ionic 8.

_Developers upgrading Angular apps can follow compatibility shifts like this via daily.dev._

### What does the React output target requirement in Ionic Framework 9 mean for apps still on React 16 or 17?

Ionic Framework 9's React output target now requires React 18 or later, so applications still running React 16 or 17 must upgrade React before adopting Ionic Framework 9. This is a breaking change tied to updates across Ionic's Stencil-based output targets for React, Angular, and Vue.

_Teams planning a version bump can watch for breaking dependency requirements like this on daily.dev._

## Community discussion

Top comments from developers on daily.dev.

**@allinonetools** · 1 upvotes

> Rebuilding the React Router integration to not rely on internals is a huge win—those internal dependencies were always a headache during major router updates.

**@ajaychoudhary80** · 0 upvotes

> The migration CLI is a great addition—automating breaking-change updates can make major upgrades much less painful.

## Similar posts on daily.dev

- [Announcing Ionic Framework 8.8](https://daily.dev/posts/announcing-ionic-framework-8-8-kue7ogpoq) · Ionic Blog · 60 upvotes · 0 comments
- [React Router gets another major](https://daily.dev/posts/react-router-gets-another-major-ka7fnafpk) · Bytes by ui.dev · 4 upvotes · 0 comments

---

Tags: [#mobile](https://daily.dev/tags/mobile), [#vuejs](https://daily.dev/tags/vuejs), [#angular](https://daily.dev/tags/angular), [#react-router](https://daily.dev/tags/react-router)

[View this post on daily.dev](https://daily.dev/posts/announcing-ionic-framework-9-xh4fraahn)
