A key component to any JS project is learning how to convert between callbacks and promises
has a handy pair of tools specifically made for this…

Contexts should be in their own files and grouped together in a contexts folder. Contexts should only export two things, a hook to consume the context and a higher-order component to provide the context.
when using the React Dev Tools extension in your browser…

Using a machine learning algorithm to generate English-like words that are specifically difficult for you to type
at typing combinations of keys. Tools TensorflowJS: Machine learning library…

What's running on BayanBennett.com
just highlighting some of the tools and methods that I…

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

Using @tsconfig/bases to help clean up tsconfig.json files, making them shorter, easier to debug, and elevating consistency across projects.
I once spent half a day debugging issues in a…

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

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

I start off with a fresh project and make a UI library (that only has one basic component) using TypeScript, ReactJS, and Styled Components. I also make a basic NPM package that can be used locally to test the UI library.
117 dependencies! Even looking at tooling, they have Lerna, Rollup…

A queue is a tool that can be used to decouple a module that runs quickly from one that runs slowly.
DR A queue is a tool that can be used…

Reflecting on the past 5 years of being a software engineer
look it up anyways All too often do I find…

How to build a completely static site using React and Styled Components
but the dependency overhead was too high given that the…

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.
markdown file that is YAML/TOML formatted. Here's an…

The browser's console output can't be read. MDN's interactive examples override the browser's console.log, formats the arguments for the webpage, and then calls the original console.log. I created a component in React that accomplishes the same thing.
decided that the library was too specific to MDN's…

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.
and then cleared. TL; DR Took advantage of WebWorkers' independent…

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.
I'm trying to make a new website, and this…