UPDATED: ASP.NET MVC (.Net Framework) with React 17 and Webpack 5

Updated: Template for ASP.NET MVC (.Net Framework 4.x.x) with React 17 & Webpack 5.

This is the follow-up post of this blog

What's new in this template?

1. Removed all non-necessary Views (only has Index.cshtml & views under Shared).
2. Removed Scripts folder.
3. Updated webpack.common.js.
4. React JS 17.
5. Webpack 5.
6. BundleConfig.cs - all bundles entry removed.
7. jQuery, Bootstrap, etc Nugets removed. React Bootstrap (Bootstrap 4.6) can be downloaded from here using npm.
8. Visual Studio / TFS (Team Foundation Server) specific: I personally prefer using Visual Studio Code for React JS development. However, Visual Studio might be needed to check-in solution, if using older version of TFS. If we use Visual Studio Code, then every time we build, we get output files under ** \dist ** folder. Visual Studio will not add any files created by other programs automatically. We have to manually add it. The easiest solution would be not to include files under \dist folder as they can always be generated. However, we need these files when we deploy. This project template has already implemented it so that TFS will ignore the files but will be included when deploying.

</Content> <Content Visible="false" Include="wwwroot\dist\**"> </Content>

Read my answer about it in Stack Overflow

Template can be downloaded from Github

My old post describes in detail how I made this template.

Related posts

1. ASP.NET MVC (.Net Framework) with React 17 with Typescript and Webpack 5
2. ASP.NET MVC (.Net Framework) with React 16 and Webpack 4