Posts

Sequential and Parallel Asynchronous Functions

A useful method for processing non-blocking calls in sequence or in parallel
JavaScript is known for its non-blocking calls through the…

JavaScript-less Static SSR using Styled Components

How to build a completely static site using React and Styled Components
but that doesn't have JavaScript in the final build…

Converting Between Callbacks and Promises

A key component to any JS project is learning how to convert between callbacks and promises
required for building things in JavaScript, is the ability to…

Styling CodeMirror v6 with Material UI | DevLog 005

Added custom styling to CodeMirror v6 using CodeMirror extensions and Material UI's theme object.
contains the rules for tagging JavaScript/JSX and TypeScript/TSX…

Code Snippets in NextJS Generated Pages | DevLog 006

Used NextJS' getStaticPaths to get all the paths for the code snippets and getStaticProps to pass on the content of the code snippet to the template, which in turn passes it to the code editor.
to create a String in JavaScript. I could also have…

Queue FI-FO Fun

A queue is a tool that can be used to decouple a module that runs quickly from one that runs slowly.
is in TypeScript, but a JavaScript version of the final…

Moving Code Evaluation to a WebWorker | DevLog 009

Took advantage of WebWorkers' independent scope to intercept console methods away from the page context. This way, code can be evaluated individually. I also used the Proxy class to intercept all calls to all console methods.
recalled finding the class in JavaScript and I wondered if…

Introduction—Typing Practice w/ Machine Learning

Using a machine learning algorithm to generate English-like words that are specifically difficult for you to type
Articles in this series: Introduction Pseudo-English Keyboard Input Inference…

Retrying and Exponential Backoff with Promises

Two patterns for implementing retrying and exponential backoff that return promises
Suggested Reading: Sequential and Parallel Asynchronous Functions When you don…

How I Started a Website | DevLog 001

How I start a simple project from some example code and create a proof-of-concept. The idea is to create a website that I can use to create interactive reference pages.
interactive example for s in JavaScript. Designing a Code Editor…

Production GatsbyJS: API Files

What does a big GatsbyJS project look like?
Suggested reading: Production GatsbyJS: Plugins What's the problem? Sometimes…

Production GatsbyJS: Plugins

Increasing the readability and flexibility of the plugins section of gatsby-config
Suggested reading: Production GatsbyJS: API Files Problem Gatsby was designed…

Adding Metadata Using Markdown Frontmatter in NextJS

I embedded some metadata in my markdown files using the markdown frontmatter format. After parsing this data, I included it in my NextJS pages. I also optimized the hydration time by handling some of the markdown processing during the build.
I recently made a component that displays the recent updates…

Barebones Web Workers

The simplest way to use web workers, with or without Webpack.
Once there is enough of a reason to offload calculations…

Inference Using Web Workers—Typing Practice w/ Machine Learning

Leveraging web workers to handle machine learning inference.
Articles in this series: Introduction Pseudo-English Keyboard Input Inference…

Pseudo-English—Typing Practice w/ Machine Learning

Using a recurrent neural network to create pseudo-English words
Articles in this series: Introduction Pseudo-English Keyboard Input Inference…

Keyboard Input—Typing Practice w/ Machine Learning

Displaying keys and detecting keystrokes using JavaScript and React for a typing practice app.
Disclaimer: although this series is about machine learning, this post…