Skip to content

Latest commit

 

History

History
20 lines (12 loc) · 1.5 KB

README.md

File metadata and controls

20 lines (12 loc) · 1.5 KB
Raw

Javascript Dotnet Demo

This project is part of a presentation where I talked about .NET Javascript Services.

This presentation is aimed at (experienced) .NET developers who are not very familiar with modern Javascript and nodejs. Therefore this demo starts out as an introduction into modern javascript development, introducing nodejs 8, webpack, typescript and React 16, using yarn and vscode. Dotnet doesn't get added before the last step.

This presentation uses the latest of everything (as of sept 2017), including React 16 (Fiber), and implements universal rendering using the new renderToNodeStream and hydrate functions.

How am I going to explain it

This repository has four branches (demo1 to demo4) that build up from nothing to a working AspNet Core 2 site with Javascript Services:

  1. Configure webpack with typescript and create a basic React 16 page
  2. Configure webpack dev server with hot module reloading (HMR)
  3. Implement React 16 Universal rendering with HMR using nodejs and express
  4. Run the React component inside an AspNetCore page using JavascriptServices

Each branch is acompanied by a script file that describes all the steps that were taken to get there from the previous branch.