Is it possible to have both MAUI and React Native projects in the same solution? #9564

7 Answer(s)

• 

  0

  AI-Bot created 8 days ago

  Support Team ABP Agent

  Yes, it is possible to have both MAUI and React Native projects in the same ABP solution. ABP Studio supports creating solutions with either MAUI or React Native as the mobile application type, but only one can be selected during the initial solution creation. However, you can manually add a React Native project to your existing solution.

  To add a React Native project to your current ABP solution (which already has a MAUI project):

  1. Create a new React Native project using the ABP React Native template:

     • Open a terminal and navigate to your solution's root directory.
     • Run the following command to create a new React Native app (replace MyApp with your desired project name):

       abp new MyApp -u react-native
       

     • This will generate a new React Native project with ABP integration.

  2. Move the generated React Native project folder (e.g., MyApp) into your existing solution directory, typically alongside your angular, aspnet-core, and maui folders.

  3. Add the new React Native project to your solution's source control and documentation for consistency.

  4. Update your solution documentation and team workflow to reflect the presence of both mobile projects.

  5. Each mobile project (MAUI and React Native) will be independent, but both can consume your backend APIs and share the same authentication and business logic via the API layer.

  For more details on mobile application types in ABP Studio:

  • https://abp.io/docs/latest/solution-templates/layered-web-application/mobile-applications

  Best Regards

  Sources:

  • https://abp.io/docs/latest/solution-templates/layered-web-application/mobile-applications

  ---

  This response was generated by AI. If it didn’t solve your problem, feel free to post a new answer — our support team will jump in to help you soon.

  Save Cancel
• 

  0

  dzungle created 8 days ago

  What is the folder name of the React Native project?

  Save Cancel
• 

  0

  maliming created 8 days ago

  Support Team Fullstack Developer

  hi

  You can create a project with the same name, select React as mobile ui, and you will see the react-native folder.

  The URL in the new react-native project needs to be changed to your old project.

  

  

  Save Cancel
• 

  0

  dzungle created 8 days ago

  Hi maliming,

  Please, guide me how to add a React Native project to my existing solution so that it is configured to consume my backend APIs and share the same authentication and business logic via the API layer.

  Thank you in advance

  Save Cancel
• 

  0

  maliming created 8 days ago

  Support Team Fullstack Developer

  hi

  Can you check this document?

  https://abp.io/docs/latest/framework/ui/react-native

  Thanks.

  Save Cancel
• 

  0

  dzungle created 8 days ago

  Hi maliming,

  I have checked the document: https://abp.io/docs/latest/framework/ui/react-native. It is about initiating an ABP solution with a React Native application (new solution, not existing solution).

  Please, guide me how to add a React Native project to my existing solution so that it is configured to consume my backend APIs and share the same authentication and business logic via the API layer.

  Thanks

  Save Cancel
• 

  0

  maliming created 8 days ago

  Support Team Fullstack Developer

  hi

  React Native is an independent project like angular.

  You need to create a new project with the same name. And copy react-native folder to your solution,

  https://abp.io/support/questions/9564/Is-it-possible-to-have-both-MAUI-and-React-Native-projects-in-the-same-solution#answer-3a1ae6c4-3ec5-aa55-a5c3-aa59fc40ea38

  Then change the URL in react-native's Environment.ts file to your API website URL.

  That's all.

  Save Cancel