https://github.com/guilhermestracini/poc-react-dotnet-uploadstream
🔬 Proof of Concept of an upload stream from React (JS & Native) app to.NET
https://github.com/guilhermestracini/poc-react-dotnet-uploadstream
concept csharp dropzone js large-file-transfers large-files netcore-webapi netcore2 netcore22 netcoreapp poc proof react stream upload
Last synced: 2 months ago
JSON representation
🔬 Proof of Concept of an upload stream from React (JS & Native) app to.NET
- Host: GitHub
- URL: https://github.com/guilhermestracini/poc-react-dotnet-uploadstream
- Owner: GuilhermeStracini
- License: mit
- Created: 2019-08-20T18:56:47.000Z (almost 6 years ago)
- Default Branch: main
- Last Pushed: 2025-03-22T05:50:03.000Z (2 months ago)
- Last Synced: 2025-03-22T06:26:36.684Z (2 months ago)
- Topics: concept, csharp, dropzone, js, large-file-transfers, large-files, netcore-webapi, netcore2, netcore22, netcoreapp, poc, proof, react, stream, upload
- Language: JavaScript
- Homepage: https://guilhermestracini.github.io/POC-react-dotnet-UploadStream/
- Size: 4.93 MB
- Stars: 1
- Watchers: 0
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# PoC React/.NET - Upload stream
[](https://wakatime.com/badge/github/GuilhermeStracini/POC-react-dotnet-UploadStream)
[](https://codeclimate.com/github/GuilhermeStracini/POC-react-dotnet-UploadStream/maintainability)
[](https://codeclimate.com/github/GuilhermeStracini/POC-react-dotnet-UploadStream/test_coverage)
[](https://www.codefactor.io/repository/github/GuilhermeStracini/POC-react-dotnet-UploadStream)
[](https://github.com/GuilhermeStracini/POC-react-dotnet-UploadStream)
[](https://github.com/GuilhermeStracini/POC-react-dotnet-UploadStream)
🔬 Proof of Concept of an upload stream (multipart form data) from **React JS** and **React Native** app to **C# .NET Core** backend
---
## Projects
This PoC is based on a .NET Core API & React JS & React Native mobile app project.
```bash
dotnet new React
```
If you want to build your own project, follow these steps:
```bash
dotnet new React
yarn install
yarn upgrade react-scripts --latest
yarn remove eslint eslint-config-react-app eslint-plugin-flowtype eslint-plugin-import eslint-plugin-js-ally eslint-plugin-react babel-eslint
npm install --save [email protected] [email protected]
```
---
## References
The following references was used to build this POC:
- [Creating a File Upload Component with React](https://malcoded.com/posts/react-file-upload/#creating-a-new-react-project)
- [Creating a File Dropzone with React](https://malcoded.com/posts/react-dropzone/)
- [How to use Typescript with the ASP.NET Core 2.x React Project Template](https://jonhilton.net/new-aspnet-core-react-project/)
- [File uploads in ASP.NET Core](https://docs.microsoft.com/pt-br/aspnet/core/mvc/models/file-uploads?view=aspnetcore-2.2#uploading-large-files-with-streaming)
---
## Run
Just open the solution in Visual Studio and run the project.
A browser instance should open in localhost, navigate to **Upload** tab, select one or more files to upload (drag & drop enabled) and then click on the **Upload** button.
*After the upload, you should click the **Clear** button to send the same file again (some error with id of the files might occour if this action is not done).