From 194c3f13cf1f99a8e094d9030af188c985760099 Mon Sep 17 00:00:00 2001 From: sumeyye Date: Thu, 2 Jul 2026 11:04:50 +0300 Subject: [PATCH] update: docs to mention latest react native developments --- .../artificial-intelligence/index.md | 3 ++- docs/en/framework/ui/react-native/index.md | 2 ++ docs/en/samples/index.md | 14 ++++++++++++++ docs/en/studio/overview.md | 2 ++ docs/en/tutorials/mobile/index.md | 4 +++- docs/en/tutorials/mobile/react-native/index.md | 2 ++ 6 files changed, 25 insertions(+), 2 deletions(-) diff --git a/docs/en/framework/infrastructure/artificial-intelligence/index.md b/docs/en/framework/infrastructure/artificial-intelligence/index.md index ddf9ad4b07..f6b00b07ec 100644 --- a/docs/en/framework/infrastructure/artificial-intelligence/index.md +++ b/docs/en/framework/infrastructure/artificial-intelligence/index.md @@ -10,6 +10,8 @@ ABP Framework provides integration for AI capabilities to your application by us ABP introduces a concept called **AI Workspace**. A workspace allows you to configure isolated AI configurations for a named scope. You can then resolve AI services for a specific workspace when you need to use them. +If you want to see AI-assisted delivery used on a real application, take a look at [Hanova & Habitly](../../../samples/index.md#hanova--habitly), which were built with the ABP Studio AI Agent. + > ABP Framework can work with any AI library or framework that supports .NET development. However, the AI integration features explained in the following documents provide a modular and standard way to work with AI, which allows ABP developers to create reusable modules and components with AI capabilities in a standard way. ## Installation @@ -37,4 +39,3 @@ Check the following documentation to learn how to use these libraries with the A - [ABP Microsoft.Extensions.AI integration](./microsoft-extensions-ai.md) - [ABP Microsoft.Agents.AI (Agent Framework) integration](./microsoft-agent-framework.md) - [ABP Microsoft.SemanticKernel integration](./microsoft-semantic-kernel.md) - diff --git a/docs/en/framework/ui/react-native/index.md b/docs/en/framework/ui/react-native/index.md index def2ac125c..9f52612326 100644 --- a/docs/en/framework/ui/react-native/index.md +++ b/docs/en/framework/ui/react-native/index.md @@ -69,6 +69,8 @@ abp new MyCompanyName.MyProjectName -csf -u -m react-native This command creates a solution containing an **Angular** or **MVC** project (depending on your choice), a **.NET Core** project, and a **React Native** project. +If you want to see the modern React Native template as a finished product, the [Habitly sample](../../../samples/index.md#hanova--habitly) is a good reference point. + ## Run the Application You can choose how you want to run the mobile app: diff --git a/docs/en/samples/index.md b/docs/en/samples/index.md index 9bce96be17..a7ad18c6a7 100644 --- a/docs/en/samples/index.md +++ b/docs/en/samples/index.md @@ -88,6 +88,20 @@ A microservice solution that shows how to start a new microservice solution, cre * [Tutorial](../tutorials/microservice/part-01.md?UI=MVC&DB=EF) * [Download source code](https://abp.io/api/download/samples/cloud-crm-mvc-ef) +## Hanova & Habitly + +> This sample application is available exclusively to users with an [ABP Business license or higher](https://abp.io/pricing). + +Hanova and Habitly are production-ready sample applications generated from the ABP Studio templates using React and React Native. Their features were built using the [ABP Studio AI Agent](https://abp.io/docs/latest/studio/ai-agent), demonstrating how AI can accelerate the development of real-world applications. + +* **[Hanova Source Code](https://abp.io/api/download/samples/Hanove)** +* **[Habitly Source Code](https://abp.io/api/download/samples/reactnative-efcore-psql-habitly/Habitly)** + +To learn more, see: + +- [How the ABP AI Agent helps build production-ready applications](https://abp.io/community/articles/template-in-product-out-building-hanova-with-the-abp-ai-hcntpk3j#gsc.tab=0) +- [How we modernized React Native application development](https://abp.io/community/articles/new-abp-modern-react-native-template-rxjiyrpb#gsc.tab=0) + ## Other Samples ABP Platform provides many sample applications demonstrating various use cases and integrations. You can: diff --git a/docs/en/studio/overview.md b/docs/en/studio/overview.md index 13e539ebcf..bf30d40694 100644 --- a/docs/en/studio/overview.md +++ b/docs/en/studio/overview.md @@ -112,6 +112,8 @@ Key features of the AI Agent include: - **Attachments**: Attach supported files or images to provide task-specific context. - **Studio Integration**: Use enabled Studio tools for build, monitoring, applications, containers, tasks, proxies, migrations, and Git-related workflows. +For a production example of this workflow in action, see the [Hanova & Habitly samples](../samples/index.md#hanova--habitly). + > **Note**: Review the Privacy Notice available in the AI Agent panel to understand how your data is handled. For the technical AI Agent reference, see [ABP Studio: AI Agent](./ai-agent.md). diff --git a/docs/en/tutorials/mobile/index.md b/docs/en/tutorials/mobile/index.md index 20767b9f1d..fe5635fcd2 100644 --- a/docs/en/tutorials/mobile/index.md +++ b/docs/en/tutorials/mobile/index.md @@ -11,6 +11,8 @@ Mobile application development tutorials are designed for developers who have completed [the web development part of the tutorial](../book-store/index.md) and wish to continue building the mobile version of the application. +The React Native track follows the modernized ABP mobile template, and the [Habitly sample](../../samples/index.md#hanova--habitly) shows that stack in a production-ready app. + ## Tutorials You can choose between two mobile applications: [**.NET MAUI**](../../framework/ui/maui/index.md) or [**React Native**](../../framework/ui/react-native/index.md). Choose your framework and continue building your mobile application! @@ -30,4 +32,4 @@ The .NET MAUI tutorial walks you through creating a mobile version of your books The React Native tutorial provides instructions for building the bookstore app using JavaScript. * [React Native - Mobile Application Tutorial](./react-native/index.md) -* [Source Code](https://abp.io/Account/Login?returnUrl=/api/download/samples/bookstore-react-native-mongodb) \ No newline at end of file +* [Source Code](https://abp.io/Account/Login?returnUrl=/api/download/samples/bookstore-react-native-mongodb) diff --git a/docs/en/tutorials/mobile/react-native/index.md b/docs/en/tutorials/mobile/react-native/index.md index db41615d98..af2a14d028 100644 --- a/docs/en/tutorials/mobile/react-native/index.md +++ b/docs/en/tutorials/mobile/react-native/index.md @@ -18,6 +18,8 @@ The React Native mobile option is _available for_ **_Team_** _or higher licenses - The mobile template was modernized in 2026: it now uses **NativeWind v4** (Tailwind CSS for React Native) for styling, **Bottom Tab navigation** by default, and the **Redux Toolkit** store with hook-based access (`useSelector` / `useDispatch`). The `connectToRedux` HOC, the `DrawerNavigator`, and the legacy `DataList`/`AbpSelect` components from earlier versions no longer ship with the template — this tutorial walks through building the new equivalents. - Before starting, please make sure that the [React Native Development Environment](../../../framework/ui/react-native/index.md) is ready on your machine. +If you'd like to inspect a complete implementation first, [Habitly](../../../samples/index.md#hanova--habitly) is the production-ready mobile sample that follows this modern template direction. + ## Running the Application Before implementing UI changes, run the `Acme.BookStore` mobile application and verify that login works: