Adding scripts to your package.json file is an efficiency necessity, but what makes these scripts even more effective is the ability to pass arguments to them while still using the abbreviated npm run {command} format. To do it, simply append -- after the npm script and then add your arguments as you would if you were running the script with node: npm run start -- --foo=3
After a 15 minute, AI-assisted troubleshooting session, I squashed a bug after realizing I was calling .pop() on a TypeScript list a few turns before I was attempting to print out that list. The result? A list that was missing the very last entry. The .pop() method is mutating or destructive because it directly modifies the array it operates on.
A good plan violently executed now is better than a perfect plan next week. George Patton
Nothing is enough for the man to whom enough is too little Epicurus
Contents I use Firebase Remote Config to manage AB tests in most of my software projects. Boolean AB Testing Whenever I want to run a new AB test, I create a new boolean parameter in my Remote Config (RC) console with the name of the new test (ex. show_pro_button). The default should be false since the test will be off for anyone not in the test set. ...
I write a lot of tech focused content for my personal Hugo blog and my side project’s Astro website. Both of these documentation frameworks require you to add Frontmatter to the top of each article that outlines specific metadata. For example, the article’s title, description, and draft status would go here: --- title: "Workspace Specific Markdown Snippets" date: 2025-01-13T17:57:48-05:00 draft: true --- My issue is that I never remember everything that’s required by my blog schemas. Tags, categories, publish dates, update dates, etc. ...
Contents You should use VS Code snippets more than you do and that’s not just an opinion. The Snippet Syntax section of the VS Code snippet docs is a minefield of knowledge bombs. Common Transformations "Snippet Test": { "scope": "dart", "prefix": "foolsTest", "body": [ "${TM_FILENAME_BASE/(.*)/${1:/pascalcase}/}", "${TM_FILENAME_BASE/(.*)/${1:/camelcase}/}", "${TM_FILENAME_BASE/(.*)/${1:/upcase}/}", "${TM_FILENAME_BASE/(.*)/${1:/downcase}/}", "${TM_FILENAME_BASE/(.*)/${1:/capitalize}/}", ], "description": "Snippet Test" } For the file test_test.dart, this outputs: TestTest testTest TEST_TEST test_test Test_test Step by Step Placeholders A placeholder in VS Code is a “tabstop” that appears in the rendered snippet. A tabstop is simply a cursor position within a snippet body. ...
Contents The Firebase documentation leaves much to be desired. If you just want answers, these docs were made just for you. If you want more questions, head over here and start reading. In this blog, I’m going to walk you through setting up the Resize Images Firebase Extension and listening to a custom event so you can add the resized images to documents in your Firestore database. Setting Up the Extension Navigate to your Firebase project and select the Extensions item from the “Build” side menu. Select the “Explore all Extensions” button and then search for “resize images”. Press the “Install” button. Good job, buddy. ...
Contents TypeScript has become increasingly popular due to its ability to bring static typing to JavaScript, enhancing code quality and developer productivity. Converting your existing JavaScript package to TypeScript can make it more robust and easier to maintain. In this guide, we’ll walk through the essential steps to transform your JavaScript package into a TypeScript package. 1. Install TypeScript and Necessary Dependencies Begin by adding TypeScript and type definitions for Node.js to your development dependencies. ...
Contents After publishing my first article on building a Chrome Extension using React, TypeScript, TailWind, and Webpack, a handful of people commented that Webpack was an antique best left on the shelf. In this article, I will walk you through creating the a Chrome Extension that uses the same tech stack but with Vite as the build tool. For the full code, check out the GitHub repository. Introduction In this tutorial, we’ll build a Chrome extension using React, TypeScript, Tailwind CSS, and Vite. Vite is a modern build tool that offers a fast and lean development experience. By the end of this guide, you’ll have a fully functional Chrome extension with a popup and side panel, all powered by React components styled with Tailwind CSS. ...