Javascript

Want to easily create a GraphQL API for your Azure Database? Well, let's see how easy it is with SWA Database Connections.

It's never been easier to create a GraphQL server on Azure, let's check out what's new

We're improving the support for Next.js on Azure Static Web Apps, check out what's new!

A second take on how to work with CosmosDB's docker-based emulator

Custom SWA deployments can cause problems with adding PR comments, but it's an easy fix

Let's take a look at making OAuth2 simpler with APIM Authorizations

Are you using Static Web Apps and wanting to know the URL of the app you deployed in GitHub Actions? Here's how to do it

Let's setup the ultimate local dev experience for making web applications.

A new tool for generating OpenAPI specs from JavaScript and TypeScript Azure Functions

Logging and monitoring are important to understand how an app is performing, so let's integrate that into Apollo

I make a lot of Azure Static Web Apps, so I make it easier to scaffold them.

We've got local dev with Keystone working, now we'll look at what we need for hosting

It's time to start a new series on using Keystone on Azure. Let's look at how we setup a local dev environment.

Curious on how to run Strapi 3 on Azure without learning about VM's, check this out then!

SWA gives you authentication, but without much of a user profile, so let's look at how to add that.

It's time to talk authentication, and how we can do that with GraphQL on Azure

Authenticated SWA endpoints can be tricky to test, as you don't control the headers... until now!

Let's look at how we can solve the deployment when using Blazor and TypeScript in a single SWA project

There's so many awesome new tools to make web dev easier, let's check some of them out.

I'm mad about devcontainers, so let's take it to the limits!

Let's check out the Azure Static Web Apps CLI and how to use it with VS Code

With Azure Static Web Apps supporting custom authentication, let's look at how we can use Auth0 as a provider.

With Azure Static Web Apps supporting custom authentication, let's look at how we can use Okta as a provider.

Let's look at how to make it a little easier to work with authenticated Static Web App APIs

It's time to take a look at how we can do real-time GraphQL using Azure

I created a small npm package to make SWA auth simpler in React apps

Dynamically generating forms can be a challenge, so let's break down how to do it with React Hooks

Check out my session on DevOps Labs about Static Web Apps

Coming to a project with a lot of dependencies to update? Here's how to script it

Let's look at how to automate releases to GitHub Packages using GitHub Actions

We've got access to the camera, now to display the feed

Lights, camera, action! It's time to get devices for our app.

First we created a JavaScript series, now it's Node.js time

Get ready to dive into all things JavaScript

Let's look at how we can make a foldable web experience using React for the Surface Duo

Let's get started with building our video chat app

Let's check out a new Azure service and build a video calling app

We're defining a GraphQL schema with a type system, but can we use that type system for our application?

Let's have a look at how to create and use custom events in JavaScript

Let's look at how we can create a JavaScript GraphQL server and deploy it to an Azure Function

A continuation of my live streaming, this time looking at how to generate types from GraphQL.

Let's go build something!

A few tips on how to use enums in TypeScript, and some gotcha's to watch out for

Let's have a bit of a dig into how a new TypeScript feature works

Have you setup Content Security Policies? Do you want to use WebAssembly? Well here's what you need to do

A look at how to create a custom React Hook to work with AppInsights

Combining React Error Boundaries with AppInsights for automatic error logging

When a Promise falls in the woods and no one is there to catch it, does it error?

Monitoring of SPA's is important, so let's look at how to do that in a React app using AppInsights

How to use React Hooks to create a polling API using setTimeout

How to orchestrate event-based workflows using Azure Durable Functions

Add a bit of flare to your console.log messages

How to setup CI/CD with Azure DevOps to deploy npm packages

Time to put all the pieces together and get something built!

It's time to bring this into a web devs toolchain

We've learnt how to write to the DOM, but how about returning values to JavaScript functions?

Looking at interop between Go and JavaScript via WASM

Writing your first piece of Go to combine with WASM

Introducing a new series on learning Go by writing WebAssembly

Some info about my NDC Security talk on Securing Single Page Apps

The relaunch of my whatkey service

A presentation I gave at the F# Sydney UG on implementing redux in F#

Exploring how redux can be used as a generic design pattern, not just a JavaScript library

Time to take a look at middleware

Working with multiple reducers

An introduction to the Store and how to make a simple one.

Converting our tests and demo across for use with Reducks

A start in the series about learning the inner workings of redux

One of my favorite F12 under appreciated tooling features is tracepoints and I want to look at how to simulate it in Chrome's dev tools.

A look at the JavaScript console improvements in the F12 tooling refresh

A look at the JavaScript console improvements in the F12 tooling refresh

Ever had an event firing from jQuery but you don't know where in your code they are firing from?

Previously we looked at cleaning up callback hell with thunks and generators, but in this post we'll look at the next approach to managing callbacks, Promises, and how we could clean that up with generators.

We'll continue our exploration into the new `yield` and have a look at how it can be used to avoid the so-called callback hell which can plague JavaScript applications.

Generator functions in ES6 don't have to just do a single `yield`, they can `yield` multiple times, but when doing so how do you execute those functions?

Revisiting how to implement LINQ in JavaScript on top of ES6 but this time it's actually going to be on top of ES6 features!

A quick clarification on my previous post about LINQ in JavaScript using ES6 features.

It's been a few years since I last blogged about the concept of LINQ in JavaScript as a lot has changed in the JavaScript landscape. So let's revisit the idea of it with a look at how you could leverage LINQ in JavaScript for ES6.

When was the last time you wrote an AJAX request? When was the last time you did it without relying on jQuery? In this article we'll look at how do do just that, how do make an AJAX request without jQuery to better understand what's going on.

Just because it looks like a duck, walks like a duck, quacks like a duck doesn't mean it's a duck. There's dangers with making assumptions of your JavaScript objects based on their surface area. That said, a lot of power can be gleamed by these seemingly innocent assumptions.

Time to revisit something that was overlooked in the last post, the `new` operator in JavaScript and what it does.

My colleague Luke Drumm challenged me to implement C# style indexers in JavaScript. So let's have a look at how you can do that, and how you can make some very interesting JavaScript objects that are self replicating. We'll build on the knowledge of using `bind` and `apply` from the last two posts.

After confusing my colleagues with how to invoke functions with a modifided set of arguments at a single time the next evolutionary point was to confuse them with creating functions that are always called with a different state.

After having confused one of my colleagues with some code that used the JavaScript `apply` method and giving them an answer that didn't leave them completely bemused I thought I'd share my explanation with the world.

Ever had a path to a path to a property on a JavaScript object that you want to walk? Something along the lines of `foo.bar.baz`. Recently I was trying to solve this problem and came across a nifty little trick

An introduction to another new library from me, this time it's mathy, a simple formula parser

A look at what's changed since I last pointed out the failings of the IE dev tools

Some of my impressions from trying to implement something in TypeScript

It's that time again, time for more Pub/Sub!

A look at how you can create JavaScript classes in WinJS

The code smell that's creeping into JavaScript development

A subtle change to IndexedDB in IE10 PP6

An look into what is involved in JavaScript compression and minification as well as where the benefits lie.

Working with tbd to build your requests without backend services

A few useful match helpers for Jasmine

An introduction to tbd, a data generator for JavaScript

Why you shouldn't use (and don't need to use) the $.proxy method in jQuery

Working with the DOM and QUnit from Node.js

Taking your QUnit tests out of the browser to use your tests with Node.js

Let's have a bit of a fun doing something that's probably a bad idea with the AmplifyJS Request API.

A look at how to make a simple JavaScript animation library

Some thoughts on how to improve the IE9 JavaScript developer tools

Looking at localStorage, sessionStorage and the like

This time we'll implement the marquee tag, just because we can!

How to implement the blink tag using jQuery and some silliness :P

A look at the way ECMAScript 5 is improving LINQ in JavaScript

A small tweak to console.assert in IE9

Talk given at SydJs on building JavaScript frameworks

An overview of a simple site which helps JavaScript developers working with keyboard events

An interesting problem when assigning CSS classes in JavaScript

JavaScript functions are more than just functions

Time for more crazy JavaScript, functions that can rewrite themselves!

Having disconnected eventing in JavaScript using a simple little framework

A core JavaScript library from my JavaScript Tools

The home of JavaScript tools I have produced

Client event pools are great to have disconnected AJAX components on a page

LINQ is just a pattern, this shows you how to produce it in JavaScript

Articles on the topic of web development

To know recursion you must first know recursion

Bringing jQuery and MS AJAX together