Javascript
Goodbye Gatsby, Hello Next
Another year, another overhaul. This time I'm moving to Next.js and a controversial CSS framework. Starting with a fairly well built template, this is the story of how I moved from Gatsby to Next.js
Next.jsNext.js: The Good, Bad and Ugly
Next.js is a framework for SSG SSR apps. But it is not all sunshine and rainbows. I've been building applications using Next.js for a couple of months now and this article is the summation of my struggles and *aha!* moments when using Next.js.
Next.jsconsole.log the cool way
console.log is in every Developer's toolkit. But there's more to it than just the regular log method
JavaScriptSticky Header using Intersection Observer API
I wanted to have neat looking Table of Contents for a long article. In this post, I explain how I used IntersectionObserver to build it a Table of Contents that syncs with the scroll position of the page and highlight the current section.
JavaScript๐งฑ Ditch the long if, use array.includes
JavaScriptBetter Ways of Comparing a JavaScript String to Multiple Values
๐ Vandalize the web with Bookmarklets
JavaScriptQuick intro to bookmarklets and how to create one for life hacks
๐ถ Automate linting with Husky
HuskyUsing Husky for a git hook to format code on commit and before push
โฒ Async/Await and handling errors
JavaScriptDealing with async-await hell to write simpler and easy to understand code
โ Revisiting Arrays in JavaScript
JavaScriptIn 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>
GatsbySolving an error without Googling it first is kind of not time saving.
๐งฒ Using Context with a HoC
ReactHow to use Context Provider to avoid props drilling? Bonus, cleaning up multi-context tree hell using a Higher order Component.
๐ JavaScript Utils: Part One
JavaScriptA set of JavaScript utilities which I found when scraping the internet.
๐ฐ Analytics using Beacon API and Ping
JavaScriptAlternative methods to fire analytics and logging APIs in JavaScript
๐ Switch to Object Literals
JavaScriptIs switch statement good? Is there something better out there?
๐ Builder Pattern with a Fluent API in JavaScript
JavaScriptExploring builder pattern in JavaScript, taking some hints from Java builder patterns
๐ฅ Efficient workflow with ESLint and Prettier
Code formattingHow I configure ESLint and Prettier to catch style and code issues early on
๐ฅ Sharing state in Gatsby
GatsbyExploring how to create a shared state management system in GatsbyJS using Context Provider API
๐ Holy Grail layouts in Gatsby
GatsbyExploring how to create a shared layout system in GatsbyJS
โผ Writing re-usable logic with React Hooks
JavaScriptextracting reusable logic to a custom hook
โผ๏ธ The difference between String.match() and String.matchAll()
JavaScriptmatch and matchAll can be used to match string using regex. But are they same?
๐ช Setting Cookies in Next.js
Next.jsSnippet showing how to set cookies for a given url in Next.js
๐๐ฝ Meet the new Array.at() method
JavaScriptArrays 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
JavaScriptIn this post, we look at various ways to merge arrays in JavaScript
๐ Customize CSS Loader options in Next.js
JavaScriptA snippet showing how to override css-loader options in Next.js