✨ Add Support for React

.template.config/template.json

@@ -8,7 +8,7 @@
     "Clean Architecture"
   ],
   "name": "Clean Architecture Solution",
-  "description":  "A Clean Architecture solution template for creating a single-page application (SPA) with Angular and ASP.NET Core.",
+  "description": "A Clean Architecture Solution Template for creating a Single-Page Application (SPA) with ASP.NET Core.",
   "identity": "Clean.Architecture.Solution.CSharp",
   "groupIdentity": "Clean.Architecture.Solution",
   "shortName": "ca-sln",
@@ -18,6 +18,32 @@
   },
   "sourceName": "CleanArchitecture",
   "preferNameDirectory": true,
+  "symbols": {
+    "clientFramework": {
+      "type": "parameter",
+      "datatype": "choice",
+      "choices": [
+        {
+          "choice": "angular",
+          "description": "Use Angular"
+        },
+        {
+          "choice": "react",
+          "description": "Use React"
+        }
+      ],
+      "defaultValue": "angular",
+      "description": "The type of client framework to use"
+    },
+    "UseAngular": {
+      "type": "computed",
+      "value": "(clientFramework == \"Angular\")"
+    },
+    "UseReact": {
+      "type": "computed",
+      "value": "(clientFramework == \"React\")"
+    }
+  },
   "sources": [
     {
       "source": "./",
@@ -33,7 +59,30 @@
         "**/*.lock.json",
         "**/.git/**",
         "*.nuspec",
-        "**/node_modules/**"
+        "**/node_modules/**",
+        "**/web-api-client.ts",
+        "src/WebUI/wwwroot/api/**"
+      ],
+      "modifiers": [
+        {
+          "condition": "(UseAngular)",
+          "exclude": [
+            "src/WebUI/config-react.nswag",
+            "src/WebUI/ClientApp-React/**",
+            "src/WebUI/Templates/**"
+          ]
+        },
+        {
+          "condition": "(UseReact)",
+          "exclude": [
+            "src/WebUI/config.nswag",
+            "src/WebUI/ClientApp/**"
+          ],
+          "rename": {
+            "config-react.nswag": "config.nswag",
+            "ClientApp-React": "ClientApp"
+          }
+        }
       ]
     }
   ]

CleanArchitecture.nuspec

@@ -3,23 +3,23 @@
   <metadata>
 
     <id>Clean.Architecture.Solution.Template</id>
-    <version>8.0.0-preview.5</version>
+    <version>8.0.0-preview.5.1</version>
     <title>Clean Architecture Solution Template</title>
     <authors>JasonTaylorDev</authors>
     <description>Clean Architecture Solution Template for .NET 8.</description>
     <summary>
-      This is a solution template for creating a Single Page App (SPA) with ASP.NET Core 8 and Angular 15 following the principles of Clean Architecture.
+      A Clean Architecture Solution Template for creating a Single-Page Application (SPA) with ASP.NET Core.
     </summary>
     <releaseNotes>
-      Upgraded to .NET 8 - Preview 5.
+      Added support for React.
     </releaseNotes>
 
     <projectUrl>https://github.com/JasonTaylorDev/CleanArchitecture</projectUrl>
     <repository type="git" url="https://github.com/JasonTaylorDev/CleanArchitecture.git" branch="main" />
 
     <license type="expression">MIT</license>
     <requireLicenseAcceptance>false</requireLicenseAcceptance>
-    <tags>clean-architecture project template csharp dotnet angular</tags>
+    <tags>clean-architecture project template csharp dotnet angular react</tags>
     <icon>icon.png</icon>
     <readme>README.md</readme>
 

README.md

@@ -7,13 +7,13 @@
 
 # Clean Architecture Solution Template
 
-The goal of this template is to provide a straightforward and efficient approach to enterprise application development, leveraging the power of Clean Architecture and ASP.NET Core. Using this template, you can effortlessly create a Single Page App (SPA) with Angular and ASP.NET Core, while adhering to the principles of Clean Architecture. Getting started is easy - simply click **Use this template** above or install the **.NET template** (see below for full details).
+The goal of this template is to provide a straightforward and efficient approach to enterprise application development, leveraging the power of Clean Architecture and ASP.NET Core. Using this template, you can effortlessly create a Single Page App (SPA) with ASP.NET Core and Angular or React, while adhering to the principles of Clean Architecture. Getting started is easy - simply install the **.NET template** (see below for full details).
 
 ## Technologies
 
 * [ASP.NET Core 8](https://docs.microsoft.com/en-us/aspnet/core/introduction-to-aspnet-core)
 * [Entity Framework Core 8](https://docs.microsoft.com/en-us/ef/core/)
-* [Angular 15](https://angular.io/)
+* [Angular 15](https://angular.io/) or [React 18](https://react.dev/)
 * [MediatR](https://github.com/jbogard/MediatR)
 * [AutoMapper](https://automapper.org/)
 * [FluentValidation](https://fluentvalidation.net/)
@@ -25,8 +25,8 @@ The easiest way to get started is to install the [.NET template](https://www.nug
 
 1. Install the latest versions of [.NET 8 SDK](https://dotnet.microsoft.com/download/dotnet/8.0) and [Node.js LTS](https://nodejs.org/en/)
 2. Run `dotnet new install Clean.Architecture.Solution.Template::8.0.0-preview.5` to install the .NET template
-3. Run `dotnet new ca-sln --output YourProjectName` to create a new project
-4. Navigate to `YourProjectName/src/WebUI` and launch the project using `dotnet run`
+4. Run `dotnet new ca-sln -c <Angular|React> --output <YourProjectName>` to create a new project
+5. Navigate to `YourProjectName/src/WebUI` and launch the project using `dotnet run`
 
 ## Database
 
@@ -70,7 +70,7 @@ The main branch is now on .NET 8.0. The following previous versions are availabl
 
 ## Support
 
-If you are having problems, please let us know by [raising a new issue](https://github.com/jasontaylordev/CleanArchitecture/issues/new/choose).
+If you are having problems, please let me know by [raising a new issue](https://github.com/jasontaylordev/CleanArchitecture/issues/new/choose).
 
 ## License
 

src/WebUI/ClientApp-React/.env

@@ -0,0 +1 @@
+BROWSER=none

src/WebUI/ClientApp-React/.env.development

@@ -0,0 +1,3 @@
+PORT=44447
+HTTPS=true
+

src/WebUI/ClientApp-React/.gitignore

@@ -0,0 +1,21 @@
+# See https://help.github.com/ignore-files/ for more about ignoring files.
+
+# dependencies
+/node_modules
+
+# testing
+/coverage
+
+# production
+/build
+
+# misc
+.DS_Store
+.env.local
+.env.development.local
+.env.test.local
+.env.production.local
+
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*