Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/nhatthaiquang-agilityio/dotnet5-webapi-react
React and Web API using .NET 5
https://github.com/nhatthaiquang-agilityio/dotnet5-webapi-react
ef-core hooks net5 postgresql react swagger-ui
Last synced: 19 days ago
JSON representation
React and Web API using .NET 5
- Host: GitHub
- URL: https://github.com/nhatthaiquang-agilityio/dotnet5-webapi-react
- Owner: nhatthaiquang-agilityio
- Created: 2021-08-29T03:31:42.000Z (over 3 years ago)
- Default Branch: main
- Last Pushed: 2021-09-21T09:46:59.000Z (over 3 years ago)
- Last Synced: 2024-04-16T07:09:39.009Z (9 months ago)
- Topics: ef-core, hooks, net5, postgresql, react, swagger-ui
- Language: JavaScript
- Homepage:
- Size: 621 KB
- Stars: 0
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# .NET5 WebAPI and React
Frontend React and Web API using .NET 5
Create example: Learn React, Hooks and RxJs
## TODO:
+ Create services call APIs
+ Move baseURL in Environment
## React
+ Run development
```
cd client-app
npm start
```
+ Run build
```
cd client-app
npm build
```
## .NET 5 Web API
### Migration database in Postgres
+ Create migration
```
dotnet ef migrations add InitialCreate
```
+ Apply Migration
```
dotnet ef migrations script
```
### Swagger UI
```
https://localhost:44374/swagger/index.html
```
## Reference
+ [Fetch data in React](https://www.freecodecamp.org/news/fetch-data-react/)
+ [Fetch data from an API](https://designcode.io/react-hooks-handbook-fetch-data-from-an-api)
+ [How to write cleaner React code](https://www.freecodecamp.org/news/how-to-write-cleaner-react-code/)
+ [Dynamic imports and code splitting](https://blog.logrocket.com/speed-up-react-app-dynamic-imports-route-centric-code-splitting/)