Using React, Redux and Webpack with Dotnet Core to build a modern web frontend

Maarten Sikkema
Mar 26, 2017 · 11 min read

Architecture considerations

What Framework to use?

React

Redux

Typescript

Babel

Typewriter

AspNet JavascriptServices

The RROD Implementation

Starting a Dotnet Core Javascript project

Typewriter — generating typescript from C# code

React Components in Typescript

Initializing Javascript Services

<div id=”react-app” asp-prerender-module=”ClientApp/dist/main-server”>Loading…</div><script src="~/dist/main-client.js" asp-append-version="true"></script>

Webpack

Warning: danger ahead

webpack.config.js

Passing data from Dotnet to Javascript

Optimization


Conclusion

Maarten Sikkema

Written by

Software architect, partner @MacawNL, entrepreneur, wind & kitesurfer

Welcome to a place where words matter. On Medium, smart voices and original ideas take center stage - with no ads in sight. Watch
Follow all the topics you care about, and we’ll deliver the best stories for you to your homepage and inbox. Explore
Get unlimited access to the best stories on Medium — and support writers while you’re at it. Just $5/month. Upgrade