/react-webpack-typescript

Demos and slides from the presentation: ASP.NET without Razor: React, Webpack and TypeScript

Primary LanguageTypeScript

ASP.NET without Razor: React, Webpack and TypeScript

Demos and slides from the presentation.

Abstract

React has been gaining popularity for single page apps but how does it fit into ASP.NET web apps? How can we use it in combination with Visual Studio without turning our regular workflow upside down?

At Templafy we recently migrated our existing Knockout.js frontend to React. As part of this journey, we had to decode all the node.js guides on using React and convert them into a working solution. In the end we settled on the combination of React, Webpack and TypeScript. This talk is a condensed version of our experiences.

In the session we explore what React and Webpack are, how they work and how they differ from the tools we usually use in ASP.NET. We will also have a brief introduction to TypeScript and what benefits it adds. After looking at these technologies individually we will look at how they can work together in an ASP.NET web app. This will also include a closer look at the development workflow with hot reloading and the advantages and disadvantages of the entire setup.

Bio

Rasmus Kromann-Larsen is a Templafy senior developer usually focusing on the Microsoft platform. During his many years of programming, he has worked with a wide range of technology spanning desktop, mobile and web. He is active in the Danish community and a former core group member of CNUG and ANUG.

Versions

  • 20170301-cnug-120min: 2 hour version given at CNUG
  • 20170331-microsoft-60min: 1 hour version given at Microsoft