From 15a15e4eb3e5e24d6f0b41e88fb1d1b1e07df6d1 Mon Sep 17 00:00:00 2001 From: Shawn Taylor Date: Mon, 10 Apr 2023 10:31:13 -0400 Subject: [PATCH] docs(react): remove old overview and update link --- docs/react/overview.md | 45 --------------------- versioned_docs/version-v5/index.md | 2 +- versioned_docs/version-v5/react/overview.md | 45 --------------------- versioned_docs/version-v6/react/overview.md | 45 --------------------- 4 files changed, 1 insertion(+), 136 deletions(-) delete mode 100644 docs/react/overview.md delete mode 100644 versioned_docs/version-v5/react/overview.md delete mode 100644 versioned_docs/version-v6/react/overview.md diff --git a/docs/react/overview.md b/docs/react/overview.md deleted file mode 100644 index 142018460bf..00000000000 --- a/docs/react/overview.md +++ /dev/null @@ -1,45 +0,0 @@ -# Ionic React Overview - -`@ionic/react` combines the core Ionic experience with the tooling and APIs that are tailored to React Developers. - -:::note -The first official version of Ionic React is v4.11. -::: - -First, install the Ionic CLI: - -```shell -npm install -g @ionic/cli -``` - -then run: - -```shell -ionic start myAppName -``` - -The CLI will guide you through the setup process by asking a couple of questions, including the framework to use (React, of course!) and the starter code template. - -After the app has been created, launch the app: - -```shell -ionic serve -``` - -Now, start building out the app using some of the [Ionic UI components](../components.md). - -## React Version Support - -Compatible with React version 16.8 and above. - -## React Tooling - -Ionic React projects are just like React projects, leveraging [react-dom](https://reactjs.org/docs/react-dom.html) and with setup normally found in a [Create React App (CRA)](https://github.com/facebook/create-react-app) app. For [routing and navigation](navigation.md), React Router is used under the hood. - -One difference is the usage of [TypeScript](http://www.typescriptlang.org/), which provides a more productive experience. To use plain JavaScript, rename files to use a `.js` extension then remove any of the type annotations with each file. - -## Native Tooling - -[Capacitor](https://capacitorjs.com) is the official cross-platform app runtime used to make your `Ionic React` web app run natively on iOS, Android, Electron, and the web. - -While there are no known technical limitations to using `Ionic React` with [Cordova](https://cordova.apache.org/) plugins, Capacitor is officially recommended. There are no plans to support a Cordova integration for `Ionic React` in the [Ionic CLI tooling](../cli.md) at this time. For more details, please [see here](https://capacitorjs.com/docs/cordova). diff --git a/versioned_docs/version-v5/index.md b/versioned_docs/version-v5/index.md index 7aa0afc0f01..30798c43d16 100644 --- a/versioned_docs/version-v5/index.md +++ b/versioned_docs/version-v5/index.md @@ -49,7 +49,7 @@ Get started building by [installing Ionic](intro/cli.md) or following our [First ## Overview -Ionic Framework focuses on the frontend UX and UI interaction of an app — UI controls, interactions, gestures, animations. It's easy to learn, and integrates with other libraries or frameworks, such as [Angular](angular/overview.md), [React](react/overview.md), or [Vue](vue/overview.md). Alternatively, it can be used standalone without any frontend framework using a simple [script include](intro/cdn.md). If you’d like to learn more about Ionic Framework before diving in, we created a video to walk you through the basics. +Ionic Framework focuses on the frontend UX and UI interaction of an app — UI controls, interactions, gestures, animations. It's easy to learn, and integrates with other libraries or frameworks, such as [Angular](angular/overview.md), [React](react.md), or [Vue](vue/overview.md). Alternatively, it can be used standalone without any frontend framework using a simple [script include](intro/cdn.md). If you’d like to learn more about Ionic Framework before diving in, we created a video to walk you through the basics. ### One codebase, running everywhere diff --git a/versioned_docs/version-v5/react/overview.md b/versioned_docs/version-v5/react/overview.md deleted file mode 100644 index 142018460bf..00000000000 --- a/versioned_docs/version-v5/react/overview.md +++ /dev/null @@ -1,45 +0,0 @@ -# Ionic React Overview - -`@ionic/react` combines the core Ionic experience with the tooling and APIs that are tailored to React Developers. - -:::note -The first official version of Ionic React is v4.11. -::: - -First, install the Ionic CLI: - -```shell -npm install -g @ionic/cli -``` - -then run: - -```shell -ionic start myAppName -``` - -The CLI will guide you through the setup process by asking a couple of questions, including the framework to use (React, of course!) and the starter code template. - -After the app has been created, launch the app: - -```shell -ionic serve -``` - -Now, start building out the app using some of the [Ionic UI components](../components.md). - -## React Version Support - -Compatible with React version 16.8 and above. - -## React Tooling - -Ionic React projects are just like React projects, leveraging [react-dom](https://reactjs.org/docs/react-dom.html) and with setup normally found in a [Create React App (CRA)](https://github.com/facebook/create-react-app) app. For [routing and navigation](navigation.md), React Router is used under the hood. - -One difference is the usage of [TypeScript](http://www.typescriptlang.org/), which provides a more productive experience. To use plain JavaScript, rename files to use a `.js` extension then remove any of the type annotations with each file. - -## Native Tooling - -[Capacitor](https://capacitorjs.com) is the official cross-platform app runtime used to make your `Ionic React` web app run natively on iOS, Android, Electron, and the web. - -While there are no known technical limitations to using `Ionic React` with [Cordova](https://cordova.apache.org/) plugins, Capacitor is officially recommended. There are no plans to support a Cordova integration for `Ionic React` in the [Ionic CLI tooling](../cli.md) at this time. For more details, please [see here](https://capacitorjs.com/docs/cordova). diff --git a/versioned_docs/version-v6/react/overview.md b/versioned_docs/version-v6/react/overview.md deleted file mode 100644 index 142018460bf..00000000000 --- a/versioned_docs/version-v6/react/overview.md +++ /dev/null @@ -1,45 +0,0 @@ -# Ionic React Overview - -`@ionic/react` combines the core Ionic experience with the tooling and APIs that are tailored to React Developers. - -:::note -The first official version of Ionic React is v4.11. -::: - -First, install the Ionic CLI: - -```shell -npm install -g @ionic/cli -``` - -then run: - -```shell -ionic start myAppName -``` - -The CLI will guide you through the setup process by asking a couple of questions, including the framework to use (React, of course!) and the starter code template. - -After the app has been created, launch the app: - -```shell -ionic serve -``` - -Now, start building out the app using some of the [Ionic UI components](../components.md). - -## React Version Support - -Compatible with React version 16.8 and above. - -## React Tooling - -Ionic React projects are just like React projects, leveraging [react-dom](https://reactjs.org/docs/react-dom.html) and with setup normally found in a [Create React App (CRA)](https://github.com/facebook/create-react-app) app. For [routing and navigation](navigation.md), React Router is used under the hood. - -One difference is the usage of [TypeScript](http://www.typescriptlang.org/), which provides a more productive experience. To use plain JavaScript, rename files to use a `.js` extension then remove any of the type annotations with each file. - -## Native Tooling - -[Capacitor](https://capacitorjs.com) is the official cross-platform app runtime used to make your `Ionic React` web app run natively on iOS, Android, Electron, and the web. - -While there are no known technical limitations to using `Ionic React` with [Cordova](https://cordova.apache.org/) plugins, Capacitor is officially recommended. There are no plans to support a Cordova integration for `Ionic React` in the [Ionic CLI tooling](../cli.md) at this time. For more details, please [see here](https://capacitorjs.com/docs/cordova).