React + ASP.NET Core = James Singleton unop.uk @shutdownscanner

What is ASP.NET Core? And why should I care?

No content

No content

No content

No content

Features • Cross-platform • Windows • Mac • Linux • Command line friendly • Your choice of editor / IDE • Visual Studio • VS Mac • VS Code • Rider • Open source • Community contributions • Performance • Benchmarks • Compiled yet portable • Static type checking • Easy package and publish • Containers • Self-contained • Native compilation coming

React + ASP.NET Core

Why server-side over static? • Pre-render HTML • Latest content before JS loads • Not static HTML from build • Also good for SEO • Not for “installed” offline PWAs • Service Workers / AppCache • Cache output for set time • Controller attribute • API backend • Data storage • Authentication • Proxy API • If not CORS enabled • Trim down payload to reduce latency • Serialization format change • E.g. XML → JSON • Static IP authentication restrictions • Token / credential protection • Easier testing (and demos ) • Abstraction and decoupling • Redundancy and backup • Historical trend logging • Caching (LAN) • SOAP 

Spot the difference @ShitSignage

Fail @ShitSignage

Popups @ShitSignage

A problem has been detected… @ShitSignage

Slow news day @ShitSignage

In the beginning (before APIs)

Port to react

Static reactube.com

Demo

Huxley – Live Departure Board JSON proxy

InstaBail.uk

Book • ASP.NET Core 2 High Performance • What’s new in .NET Core 2 and C# • Getting started (all the platforms) • Universal tips for quick apps • Data Structures • Parallelisation • Image Formats • Compression • Architecture • Networking • Cloud Hosting • JS Service Workers • unop.uk/book

Thanks Questions? James Singleton unop.uk @shutdownscanner