Browse Source

Merge pull request #25737 from abpframework/task/update-docs-for-the-samples

Updating the documents to mention latest React Native developments
pull/25777/head
Fahri Gedik 3 months ago
committed by GitHub
parent
commit
3ab40fe018
No known key found for this signature in database GPG Key ID: B5690EEEBB952194
  1. 3
      docs/en/framework/infrastructure/artificial-intelligence/index.md
  2. 2
      docs/en/framework/ui/react-native/index.md
  3. 74
      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:

74
docs/en/samples/index.md

@ -1,7 +1,7 @@
```json
//[doc-seo]
{
"Description": "Explore a variety of ABP Framework samples, complete with live demos, source code, and tutorials to enhance your development skills!"
"Description": "Explore a variety of ABP Framework samples, complete with live demos, source code, and tutorials to enhance your development skills!"
}
```
@ -13,8 +13,8 @@ This document provides a list of samples built with ABP. Each sample is briefly
A reference application built with ABP. It implements the Domain Driven Design with multiple application layers.
* [Live demo](https://www.openeventhub.com/)
* [Source code](https://github.com/abpframework/eventhub)
- [Live demo](https://www.openeventhub.com/)
- [Source code](https://github.com/abpframework/eventhub)
![samples-event-hub](../images/samples-eventhub.png)
@ -25,7 +25,7 @@ A reference application built with ABP. It implements the Domain Driven Design w
Reference microservice solution built with ABP and .NET.
* [Source code](https://github.com/abpframework/eShopOnAbp)
- [Source code](https://github.com/abpframework/eShopOnAbp)
![eshoponabp](../images/samples-eshoponabp.png)
@ -33,8 +33,8 @@ Reference microservice solution built with ABP and .NET.
A minimal example website built with the [CMS Kit module](../modules/cms-kit/index.md).
* [Live demo](https://cms-kit-demo.abpdemo.com/)
* [Source code](https://github.com/abpframework/cms-kit-demo)
- [Live demo](https://cms-kit-demo.abpdemo.com/)
- [Source code](https://github.com/abpframework/cms-kit-demo)
![samples-cms-kit](../images/samples-cms-kit.png)
@ -42,8 +42,8 @@ A minimal example website built with the [CMS Kit module](../modules/cms-kit/ind
A middle-size CRM application built with ABP.
* [Live demo](http://easycrm.abp.io/)
* [Click here](easy-crm.md) to see the details and download the source code.
- [Live demo](http://easycrm.abp.io/)
- [Click here](easy-crm.md) to see the details and download the source code.
![samples-easy-crm](../images/samples-easycrm.png)
@ -51,20 +51,20 @@ A middle-size CRM application built with ABP.
A simple CRUD application to show basic principles of developing an application with ABP. The same sample was implemented with different technologies and different modules:
* **Book Store: Razor Pages UI & Entity Framework Core**
* [Tutorial](../tutorials/book-store/part-01.md?UI=MVC&DB=EF)
* [Source code](https://github.com/abpframework/abp-samples/tree/master/BookStore-Mvc-EfCore)
* [Download source code (with PRO modules) *](https://abp.io/Account/Login?returnUrl=/api/download/samples/bookstore-mvc-ef)
* **Book Store: Blazor UI & Entity Framework Core**
* [Tutorial](../tutorials/book-store/part-01.md?UI=Blazor&DB=EF)
* [Source code](https://github.com/abpframework/abp-samples/tree/master/BookStore-Blazor-EfCore)
* [Download source code (with PRO modules) *](https://abp.io/Account/Login?returnUrl=/api/download/samples/bookstore-blazor-efcore)
* **Book Store: Angular UI & MongoDB**
* [Tutorial](../tutorials/book-store/part-01.md?UI=NG&DB=Mongo)
* [Source code](https://github.com/abpframework/abp-samples/tree/master/BookStore-Angular-MongoDb)
* [Download source code (with PRO modules) *](https://abp.io/Account/Login?returnUrl=/api/download/samples/bookstore-angular-mongodb)
* **Book Store: Modular application (Razor Pages UI & EF Core)**
* [Source code](https://github.com/abpframework/abp-samples/tree/master/BookStore-Modular)
- **Book Store: Razor Pages UI & Entity Framework Core**
- [Tutorial](../tutorials/book-store/part-01.md?UI=MVC&DB=EF)
- [Source code](https://github.com/abpframework/abp-samples/tree/master/BookStore-Mvc-EfCore)
- [Download source code (with PRO modules) \*](https://abp.io/Account/Login?returnUrl=/api/download/samples/bookstore-mvc-ef)
- **Book Store: Blazor UI & Entity Framework Core**
- [Tutorial](../tutorials/book-store/part-01.md?UI=Blazor&DB=EF)
- [Source code](https://github.com/abpframework/abp-samples/tree/master/BookStore-Blazor-EfCore)
- [Download source code (with PRO modules) \*](https://abp.io/Account/Login?returnUrl=/api/download/samples/bookstore-blazor-efcore)
- **Book Store: Angular UI & MongoDB**
- [Tutorial](../tutorials/book-store/part-01.md?UI=NG&DB=Mongo)
- [Source code](https://github.com/abpframework/abp-samples/tree/master/BookStore-Angular-MongoDb)
- [Download source code (with PRO modules) \*](https://abp.io/Account/Login?returnUrl=/api/download/samples/bookstore-angular-mongodb)
- **Book Store: Modular application (Razor Pages UI & EF Core)**
- [Source code](https://github.com/abpframework/abp-samples/tree/master/BookStore-Modular)
If you want to create the BookStore application and generate CRUD pages automatically with ABP Suite, please refer to the [Book Store Application (with ABP Suite) tutorial](../tutorials/book-store-with-abp-suite/part-01.md). Also, you can follow the [Mobile Application Development Tutorials](../tutorials/mobile/index.md), if you want to implement the CRUD operations for [MAUI](../tutorials/mobile/maui/index.md) & [React Native](../tutorials/mobile/react-native/index.md) mobile applications.
@ -74,9 +74,9 @@ If you want to create the BookStore application and generate CRUD pages automati
A modular monolith application that demonstrates how to create, compose, and communicate between application modules to build a modular web application:
* **ModularCRM: Razor Pages UI & Entity Framework Core**
* [Tutorial](../tutorials/modular-crm/part-01.md?UI=MVC&DB=EF)
* [Source code](https://github.com/abpframework/abp-samples/tree/master/ModularCRM)
- **ModularCRM: Razor Pages UI & Entity Framework Core**
- [Tutorial](../tutorials/modular-crm/part-01.md?UI=MVC&DB=EF)
- [Source code](https://github.com/abpframework/abp-samples/tree/master/ModularCRM)
## CloudCrm
@ -84,13 +84,27 @@ A modular monolith application that demonstrates how to create, compose, and com
A microservice solution that shows how to start a new microservice solution, create services and communicate between these services. It's a reference tutorial to learn to use these services from a web application through an API gateway and automatically generate CRUD pages using the ABP Suite tool:
* **CloudCRM: Razor Pages UI & Entity Framework Core**
* [Tutorial](../tutorials/microservice/part-01.md?UI=MVC&DB=EF)
* [Download source code](https://abp.io/api/download/samples/cloud-crm-mvc-ef)
- **CloudCRM: Razor Pages UI & Entity Framework Core**
- [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/Hanova)**
- **[Habitly Source Code](https://abp.io/api/download/samples/reactnative-efcore-psql-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:
* Browse all sample applications in the [abp-samples repository](https://github.com/abpframework/abp-samples).
* Read detailed articles and tutorials in the [ABP Community](https://abp.io/community), which are shared by ABP Community & Contributors.
- Browse all sample applications in the [abp-samples repository](https://github.com/abpframework/abp-samples).
- Read detailed articles and tutorials in the [ABP Community](https://abp.io/community), which are shared by ABP Community & Contributors.

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