ASPReactDemo/README.md

ASP Net Core, Nswag, SignalR, React, Syncfusion

• Installation React with Vite and TypeScript
• Routing
  • Install react-router-dom
  • Update App.tsx
    • Update configuration files
    • Update css file
  • DaisyUI 5
    • Install daisyUI
    • Update css file

Installation React with Vite and TypeScript

# Create a new project using the "react-ts" template
yarn create vite my-react-app --template react-ts

# Navigate to the project folder
cd my-react-app

# Install dependencies
yarn install

Routing

Install react-router-dom

yarn add react-router-dom

Update App.tsx

# Optional Tools
## tailwindcss

### Install tailwindcss
```bash
# Install tailwindcss
yarn add tailwindcss@latest postcss@latest autoprefixer@latest

Update configuration files

# vite.config.ts

import { defineConfig } from 'vite'
import tailwindcss from '@tailwindcss/vite' // Add this line
export default defineConfig({
  plugins: [
    tailwindcss(),  //Add this line
  ],
})

Update css file

/*  eg. src/index.css */

@import "tailwindcss";

/* Add your custom styles here */

DaisyUI 5

Install daisyUI

# Install daisyUI
yarn add -D daisyui@beta

Update css file

/*  eg. src/index.css */
@import "tailwindcss"; /* Existing line */
@plugin "daisyui";
/* Add your custom styles here */