From d34ef15bbec10f7880cadfc5a3ff4f4732c6a11a Mon Sep 17 00:00:00 2001
From: Brandy Smith <6577830+brandyscarney@users.noreply.github.com>
Date: Tue, 22 Jul 2025 14:11:55 -0400
Subject: [PATCH 01/19] docs(guide): update framework overview files for
consistency
---
docs/angular/overview.md | 38 +++++--
docs/index.md | 4 +-
docs/react.md | 147 -------------------------
docs/react/overview.md | 60 ++++++++++
docs/vue/overview.md | 38 +++----
sidebars.js | 2 +-
static/icons/guide-components-icon.png | Bin 0 -> 6694 bytes
7 files changed, 106 insertions(+), 183 deletions(-)
delete mode 100644 docs/react.md
create mode 100644 docs/react/overview.md
create mode 100644 static/icons/guide-components-icon.png
diff --git a/docs/angular/overview.md b/docs/angular/overview.md
index 4b1182bb76a..f8f0b4edf05 100644
--- a/docs/angular/overview.md
+++ b/docs/angular/overview.md
@@ -14,33 +14,47 @@ sidebar_label: Overview
import DocsCard from '@components/global/DocsCard';
import DocsCards from '@components/global/DocsCards';
-`@ionic/angular` combines the core Ionic experience with the tooling and APIs that are tailored to Angular Developers.
+`@ionic/angular` brings the full power of the Ionic Framework to Angular developers. It offers seamless integration with the Angular ecosystem, so you can build high-quality cross-platform apps using familiar Angular tools, components, and best practices. You also get access to Ionic's extensive UI library and native capabilities.
## Angular Version Support
-Ionic v7 supports Angular v14+. As part of their upgrade strategy, Angular has built-in tooling to help automate upgrades and provide feedback to developers whenever changes to an API occurred. This reduces update friction and keeps the ecosystem in a evergreen state.
+Ionic Angular supports the latest versions of Angular. For detailed information on supported versions and our support policy, see the [Ionic Angular Support Policy](/docs/reference/support#ionic-angular).
## Angular Tooling
-With Ionic 4+, the official Angular stack for building an app and routing are used, so your app can fall in-line with the rest of the great Angular ecosystem. In cases where more opinionated features are needed, Ionic provides `@ionic/angular-toolkit`, which builds and integrates with the [official Angular CLI](https://angular.io/cli) and provides features that are specific to `@ionic/angular` apps.
+Ionic uses the official Angular stack for building apps and routing, so your app can fall in line with the rest of the Angular ecosystem. In cases where more opinionated features are needed, Ionic provides `@ionic/angular-toolkit`, which builds and integrates with the [official Angular CLI](https://angular.io/cli) and provides features that are specific to `@ionic/angular` apps.
+
+## Native Tooling
+
+[Capacitor](https://capacitorjs.com) is the official cross-platform runtime for Ionic Angular, enabling your apps to run natively on iOS, Android, and the web with a single codebase.
+
+## Installation
+
+```shell-session
+$ npm install -g @ionic/cli
+$ ionic start myApp tabs --type angular
+
+$ ionic serve █
+```
## Resources
Learn the fundamentals you need to know to start building amazing apps with Ionic Framework. Learn the basics of navigation inside your app with Ionic and Angular Router Quickly set up your first Ionic Angular app and learn the basics of the framework and CLI. Build a real Photo Gallery app with Ionic Angular and native device features. Learn about using Ionic lifecycle events in class components and with hooks Master navigation in Ionic Angular using Angular Router. Learn about using Modules or Standalone Components in Ionic. Explore Ionic’s rich library of UI components for building beautiful apps.
Learn the fundamentals you need to know to start building amazing apps with Ionic Framework.
-Use individual components or the complete app experience.
-Learn the basics of navigation inside your app with Ionic and React Router
-Learn about using Ionic lifecycle events in class components and with hooks
-Quickly set up your first Ionic React app and learn the basics of the framework and CLI.
+Build a real Photo Gallery app with Ionic React and native device features.
+Master navigation in Ionic React using React Router.
+Explore Ionic’s rich library of UI components for building beautiful apps.
+Learn the fundamentals you need to know to start building amazing apps with Ionic Framework.
-Learn the basics of navigation inside your app with Ionic and Vue Router
+Quickly set up your first Ionic Vue app and learn the basics of the framework and CLI.
+Build a real Photo Gallery app with Ionic Vue and native device features.
+Master navigation in Ionic Vue using Vue Router.
Learn about using Ionic lifecycle events in class components and with hooks
+Explore Ionic’s rich library of UI components for building beautiful apps.
wZ=OoB?<6To8&&5;=Ay2qkx%vnow6
z5}=s!I$yLp;vwY823-Y0q31dA1}!p~8fHm?vE$s%C}zY%Mfsn3pGUJJo?PAnm9l!q
z2a7~rirXchkVju|TkW4BSvY4lL?NC)w7e9^Wb{&20+TqT4)}AX5d3wVQyo@y#FHyK
z<$5Zs;iFJ!b7+-^3e<5 Explore Ionic’s rich library of UI components for building beautiful apps. Explore Ionic's rich library of UI components for building beautiful apps. Learn the fundamentals you need to know to start building amazing apps with Ionic Framework. Learn the basics of navigation inside your app with Ionic and Angular Router Quickly set up your first Ionic Angular app and learn the basics of the framework and CLI. Build a real Photo Gallery app with Ionic Angular and native device features. Master navigation in Ionic Angular using Angular Router. Learn about using Ionic lifecycle events in class components and with hooks Explore Ionic's rich library of UI components for building beautiful apps. Learn the fundamentals you need to know to start building amazing apps with Ionic Framework. Learn the basics of navigation inside your app with Ionic and Vue Router Quickly set up your first Ionic Vue app and learn the basics of the framework and CLI. Build a real Photo Gallery app with Ionic Vue and native device features. Master navigation in Ionic Vue using Vue Router. Learn about using Ionic lifecycle events in class components and with hooks Explore Ionic’s rich library of UI components for building beautiful apps. Learn the fundamentals you need to know to start building amazing apps with Ionic Framework. Learn the basics of navigation inside your app with Ionic and Angular Router Quickly set up your first Ionic Angular app and learn the basics of the framework and CLI. Build a real Photo Gallery app with Ionic Angular and native device features. Learn about using Ionic lifecycle events in class components and with hooks Master navigation in Ionic Angular using Angular Router. Learn about using Modules or Standalone Components in Ionic. Explore Ionic's rich library of UI components for building beautiful apps. Learn the fundamentals you need to know to start building amazing apps with Ionic Framework. Learn the basics of navigation inside your app with Ionic and Vue Router Quickly set up your first Ionic Vue app and learn the basics of the framework and CLI. Build a real Photo Gallery app with Ionic Vue and native device features. Master navigation in Ionic Vue using Vue Router. Learn about using Ionic lifecycle events in class components and with hooks Explore Ionic’s rich library of UI components for building beautiful apps. Learn the fundamentals you need to know to start building amazing apps with Ionic Framework. Use individual components or the complete app experience. Learn the basics of navigation inside your app with Ionic and React Router Learn about using Ionic lifecycle events in class components and with hooks Quickly set up your first Ionic React app and learn the basics of the framework and CLI. Build a real Photo Gallery app with Ionic React and native device features. Master navigation in Ionic React using React Router. Explore Ionic’s rich library of UI components for building beautiful apps. Learn the fundamentals you need to know to start building amazing apps with Ionic Framework. Use individual components or the complete app experience. Learn the basics of navigation inside your app with Ionic and React Router Learn about using Ionic lifecycle events in class components and with hooks Quickly set up your first Ionic React app and learn the basics of the framework and CLI. Build a real Photo Gallery app with Ionic React and native device features. Master navigation in Ionic React using React Router. Explore Ionic’s rich library of UI components for building beautiful apps. w->JTXPt!`5f&chDzZ?R|4mEIh& B!Fx^C9twd++Xh&$g^lS3w
zv}0eZxYnKWC{aSMuh!4lLth@=n+nUX1kwvU1RsPYuCz{)>|T|SzoAZ$P%FrVSi5bP`6i7Ado39OBOne Codebase
-
-- ✓ 100+ mobile optimized React UI components
-- ✓ Standard React tooling with react-dom
-- ✓ iOS / Android / Electron / PWA
-
-[Get Started](#installation)
-
-
Any Platform
Just React
-
-
-
-
-
One Codebase
-
-- ✓ 100+ mobile optimized React UI components
-- ✓ Standard React tooling with react-dom
-- ✓ iOS / Android / Electron / PWA
-
-[Get Started](#installation)
-
-
Any Platform
Just React
-
-
-
-
-
NrVn;5=;&430}D2zt@93>N1vNpOr*)
z|3Tddze6Ixo!!Bv=71J;7yXD1rjqfN&`tr~$E#PxId
n!-#;
qBEvve>RdyZHr~^zI4*sJMP%s-r
zKN8xEBfW#w$^)GH>5!Q_e-A!pZY>YQ>z3Q#TmzV=Tat2&ONXhX-F0CxzU%_}9$IrU
z8t#}zLJyg{7>udK3w7|^o~Lu324grJ&8`{VaAQYV_yP-x8uJYeRJ>DbGACdMN}#kn
zMY1thUQn|!>7nI-y*H92$yLUdHm1al8KSyd%?6A|3Snd;$Oz{S#JtAGljXb|%FuH@
za#DFdQc|%evH5%tlI`ZlROWi**Gp%^X_#pnv-!@04u%X`Lb)C-vV^Qp%QV5{7w{kt
z!-7~23I4PVzvFDjD>Bx}9X@9X^a)|#WIDpEYsQjli0j|7`SP!a*KqEJ76Q&I-}1Cq
z@S
(KvaO|{@*!R!B5sh7S+^kmfavb(X)BUFkvz^
zTLiY8znCiUyYc>D%aT@aWIiCo^&aa{ShVQJqKA*lM|^8lho?gKay(qSuv6z&;?uMU
zzL4n98)p!91od^{A+Lc?Ef?Q+SS&Ie!qB`}l)NbfenNt4@#EGnX#^`hn8@vsI-
z(CO|QYO96x$Bznw(+w6fCyfOBTZ})fqR3g)-
!-%P;+-xV1SP2^Wl2qxcU|{A~OjL|TWhzFAWQMu@1ug#`(M
zH6wYwdT3shKEztF-4cAlw?j70j{B1W8~SZ;WoEa>-++W;NTkDhq7oAtDqqD`#CT-f
z=%0$Ebr>$j+Lh6{mqmGuUX`%wJw^zI@-Fl;?E2GVpQd9M?<0526>DkLdPnSkP_@ZZ
zr6w4i4nrIo$y8nG%qWDGL~ge%X3crJnz=J0*-Zm3>8`akA)d%V#N0RVz(GisA`Nh3
zoQ^7a{!g~-QHy0k$?aBq!Lt&vuxclu4opEMnSg6AHqaRd9S#kqH;dTVq{JfyENL!J
zf-rDzg86O@V$4Yp0gR$G?(A6M@IW8@GC7|)l1gcoI@3{CAr-Asy~V!(TBpPJhw)xA
z3O;D9;2;^>zhw1Pp`qJtf?I;?#V;O&1SRykr