The Practical Client


Adding Blazor to Existing HTML+JavaScript Pages

Not only can you integrate JavaScript with Blazor, that integration provides a strategy for moving your existing pages to Blazor without having to rewrite your existing JavaScript code.

Integrating JavaScript and C# in the Browser: Beyond the Basics with Blazor

If you want to call Blazor .NET code from JavaScript (or vice versa) with instantiated objects, or while passing multiple parameters, or while catching the results produced by that code, here's how to do it.

Integrating Blazor and JavaScript Code

Downloading compiled C# code to the browser using Blazor is all very good -- but it would be so much better if you can integrate your Blazor code with JavaScript. Here’s how to do that.

Your First Blazor App

Blazor is the Microsoft toolset that exploits the WebAssembly standard to let you write C# code that will run in your browser. Here's how to set up Visual Studio 2017 and create your first app.

Type Flexibility with Conditional Types

TypeScript applies type safety to JavaScript but, with conditional types, adds some flexibility in how consistent your types are.

Build Your First TypeScript Application (2018)

Here's what a real-world "Hello, World" TypeScript application looks like (beginning with a discussion of whether you need TypeScript at all).

Creating New Classes from Old with Mixins

If you like the idea of creating a new class from whatever other classes you have lying around, you have two ways of doing in TypeScript ... and both are type safe (within limits).

Setting Up Your TypeScript Application – 2018 Version

If you're wondering how to start integrating TypeScript into your development practices, here's both when to do it and how to do it.

Copying Classes in TypeScript

If you need to create a version of a class from several sources or just want to merge default values with a user's input, object spreading solves your problem. JavaScript won't let you do this (yet) but TypeScript will.

Tools for Debugging Web Workers

Web workers in TypeScript give you concurrent processing but they can be awkward to debug. However, if you set up your web worker code as just another function, you can simplify debugging (or even build your web worker dynamically at run time).

Simple Concurrent Client-Side Processing in ASP.NET MVC with Web Workers and TypeScript

Here's how to use web workers in ASP.NET MVC with TypeScript to enable concurrent processing in your client-side code. And, as a bonus, the correct way to think about web workers.

Simple Asynchronous Processing for Web Service Calls

You don't need to write ugly code to synchronize your AJAX calls. Instead, you can leverage await/async and the JQueryXHR object to simplify the code around your AJAX calls while still getting the benefits of concurrent processing.

Integrating Angular 2 Directives

It’s easy to integrate your own attribute directives into Angular 2 templates to pass data from your component to your directive, have it respond to events on your page or even have your directive fire events to be processed by the component using it.

Build Your DOM Additions with Angular and TypeScript

Here’s how, in Angular, you can use directives to dynamically modify HTML in Views without polluting your business logic.

Your First Angular App: Events and Updating

Peter completes his walk-through of creating a simple Angular app with TypeScript by responding to events, accepting data from the user and updating data back at the server with an AJAX call.

Most   Popular
Upcoming Events

.NET Insight

Sign up for our newsletter.

Terms and Privacy Policy consent

I agree to this site's Privacy Policy.