An Idiosyncratic Blog

Javascript

Articles
Snippets

🧱 Ditch the long if, use array.includes

JavaScript

Better Ways of Comparing a JavaScript String to Multiple Values

🔖 Vandalize the web with Bookmarklets

JavaScript

Quick intro to bookmarklets and how to create one for life hacks

🐶 Automate linting with Husky

Husky

Using Husky for a git hook to format code on commit and before push

⏲ Async/Await and handling errors

JavaScript

Dealing with async-await hell to write simpler and easy to understand code

⛓ Revisiting Arrays in JavaScript

JavaScript

In this post, I'll talk a bit about different ways to create an array in JavaScript and ways to empty an array.

🔎 Syntax Error: Expected Name, found <EOF>

Gatsby

Solving an error without Googling it first is kind of not time saving.

🧲 Using Context with a HoC

React

How to use Context Provider to avoid props drilling? Bonus, cleaning up multi-context tree hell using a Higher order Component.

🛠 JavaScript Utils: Part One

JavaScript

A set of JavaScript utilities which I found when scraping the internet.

🛰 Analytics using Beacon API and Ping

JavaScript

Alternative methods to fire analytics and logging APIs in JavaScript

🎚 Switch to Object Literals

JavaScript

Is switch statement good? Is there something better out there?

🏗 Builder Pattern with a Fluent API in JavaScript

JavaScript

Exploring builder pattern in JavaScript, taking some hints from Java builder patterns

🔥 Efficient workflow with ESLint and Prettier

Code formatting

How I configure ESLint and Prettier to catch style and code issues early on

📥 Sharing state in Gatsby

Gatsby

Exploring how to create a shared state management system in GatsbyJS using Context Provider API

🌐 Holy Grail layouts in Gatsby

Gatsby

Exploring how to create a shared layout system in GatsbyJS

♼ Writing re-usable logic with React Hooks

JavaScript

extracting reusable logic to a custom hook

‼️ The difference between String.match() and String.matchAll()

JavaScript

match and matchAll can be used to match string using regex. But are they same?

🍪 Setting Cookies in Next.js

Next.js

Snippet showing how to set cookies for a given url in Next.js

👋🏽 Meet the new Array.at() method

JavaScript

Arrays are one of the widely used data structures in JavaScript. You can have objects in an Array. You can have functions in an Array. You can have arrays in an Array. It's bonkers.

👨🏽‍💻 How to merge Arrays in JavaScript

JavaScript

In this post, we look at various ways to merge arrays in JavaScript

🛠 Customize CSS Loader options in Next.js

JavaScript

A snippet showing how to override css-loader options in Next.js