GraphQL on Azure: Part 13 - Using Data API builder with SWA and React
Want to easily create a GraphQL API for your Azure Database? Well, let's see how easy it is with SWA Database Connections.
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
Last year I wrote a post about how I implemented an overly complex approval workflow with GitHub Actions. While it wasn’t the simplest solution, at the time it was a means to …
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.
I decided that I’m tired of explaining why you should do JavaScript combination and avoid inline scripts. So here’s a comic that should explain it. Click for a larger …
For my Stats It project I’m using KendoUI as my UI widget layer (and charting) as it has several more UI widgets that I’m looking for than jQuery UI offers. But …
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
I’ve never done much Xaml development, I started reading a WPF book and played around with it only to realise I didn’t have any understanding of this concept of a …
A few months back I announced a new site I was running called JavaScript Quiz. When I started to site it was to be done quickly so I chose an out-of-the-box blogging platform, that …
If you’ve been doing much work with KnockoutJS you’ll probably see examples where the code looks like this: var todoViewModel = function() { this.items = new …
Working with the DOM and QUnit from Node.js
Taking your QUnit tests out of the browser to use your tests with Node.js
In my previous post I outlined one of the biggest issues I have with KnockoutJS as being its WPF/ Silverlight binding syntax and how it requires you to put JavaScript into your …
This is a bit of a joke that I wrote on our internal mailing list in which we were poking fun at different technologies and making up stories around them. I thought it was funny so …
A few times I’ve ruffled a few features by making the statement that I am not a fan of KnockoutJS. Let me start by clarifying a few things: I think the concept of KnockoutJS …
Let's have a bit of a fun doing something that's probably a bad idea with the AmplifyJS Request API.
Today I released a little website, http://javascriptquiz.com, which was inspired by http://cssquiz.com. Basically it’s a site which I’ll put out JavaScript questions …
Postman will help you deliver things around your JavaScript application
In my last post I looked at how to use jQuery validation in a dynamic form and some problems you can have with handling rule sets. Something I mentioned in the posts was that I was …
Currently at work I’m part of a team that’s developing a really JavaScript heavy application and in doing so we’re finding problems, challenges and solutions. One …
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
So today I had a problem which was doing my head in. I had a form which has a bunch of DropDownLists on it, some of which are disabled (depending on the radio button selection). …
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
A couple of months ago I picked up a cope of Advanced ASP.NET AJAX Server Controls and read it cover-to-cover. When ASP.NET AJAX was first released back in 2007 I bought …
Recently I did a blog post on my implementation of LINQ in JavaScript which was just talking about a little project I was working on to produce a LINQ-style API within …
Bringing jQuery and MS AJAX together
Let me start by saying that I am aware that there is a LINQ to JavaScript project on Codeplex but this was done by me are more of an achidemic exercise/ challange. So while …
Last Thursday I attended a session through Victoria.NET on jQuery hosted by Damian Edwards. It was a good beginner session on jQuery, I was familiar with most of it but there were …
So today I had a problem which was doing my head in. I had a form which has a bunch of DropDownLists on it, some of which are disabled (depending on the radio button selection). …
Earlier this month I did a post about common mistakes made by developers new to JavaScript but there's a point I forgot to cover which I see a lot of. Nearly every language has a …