Browse Source

update: docs to mention latest react native developments

pull/25737/head
sumeyye 4 months ago
parent
commit
194c3f13cf
  1. 3
      docs/en/framework/infrastructure/artificial-intelligence/index.md
  2. 2
      docs/en/framework/ui/react-native/index.md
  3. 14
      docs/en/samples/index.md
  4. 2
      docs/en/studio/overview.md
  5. 4
      docs/en/tutorials/mobile/index.md
  6. 2
      docs/en/tutorials/mobile/react-native/index.md

3
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)

2
docs/en/framework/ui/react-native/index.md

@ -69,6 +69,8 @@ abp new MyCompanyName.MyProjectName -csf -u <angular or mvc> -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:

14
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:

2
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).

4
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)
* [Source Code](https://abp.io/Account/Login?returnUrl=/api/download/samples/bookstore-react-native-mongodb)

2
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:

Loading…
Cancel
Save