Posts

A Modern Guide to TypeScript: Modules, Tooling, and Configuration Understanding the TypeScript ecosystem and setting up your project for success If you’ve been working with TypeScript, you’ve probably encountered confusing choices about module systems, compilers, and configuration options. In this guide, I’ll break down the essential concepts and help you make informed decisions for your TypeScript projects. Understanding Module Systems: CJS vs ESM One of the first decisions you’ll face is choosing between CommonJS (CJS) and ECMAScript Modules (ESM). While both get the job done, ESM is the way forward for modern JavaScript and TypeScript projects. ...

Setting Up Prisma with Supabase for Next.js Intro Prisma, Supabase, Next.js are all great, but there’s work to glue them together. In this blog, I will share the lessons I learned along the way. For the official integration guide, check out Supabase’s Prisma documentation. Getting Started: Installation First, let’s install the necessary packages: npm i -D prisma # prisma dev tooling npm i @prisma/client # prisma client with TypeScript support The prisma package provides CLI tools for schema management and migrations, while @prisma/client is the runtime query builder you’ll use in your application code. ...

Kafka Java Programming I’ve been learning Apache Kafka over the past week. I took the Udemy course Apache Kafka Series - Learn Apache Kafka for Beginners v3. I’m using this blog to take notes, and this post focuses specifically on Java programming with Kafka. Producer Basics To configure a Kafka producer: Set the key and value serializer to, for example, StringSerializer flush() the buffer close() the producer, which will flush the buffer automatically Callback Callbacks allow us to examine the state of a message. ...

Overview I’ve been learning Apache Kafka over the past week. I took the Udemy course Apache Kafka Series - Learn Apache Kafka for Beginners v3. I’m using this blog to take notes, and this post focuses specifically on Kafka CLI commands. Installation and Setup Client Installing the Kafka client on macOS is very straightforward: brew install kafka Homebrew will install both JDK and Kafka for you. You can verify the installation by running kafka-topics in your terminal. ...

Kafka Basics I’ve been learning Apache Kafka over the past week. I took the Udemy course Apache Kafka Series - Learn Apache Kafka for Beginners v3. This blog covers the theory part of Kafka. Topics, Partitions and Offsets Here are some important notes: Kafka is append-only Data retention policy (one week by default) Order is guaranteed only within a partition Producers When a key is null, data is sent to partitions in round-robin fashion When a key is specified, all messages for that key will always go to the same partition (using hashing). This is useful when you need message ordering. Messages ...

Redis Basics Here are my notes on Redis. Installation, Start, and Shutdown I installed WSL and then installed Redis using sudo. To start Redis, cd to /usr/bin and run sudo ./redis-server To connect to Redis, cd to /usr/bin and run sudo ./redis-cli To shutdown Redis, run shutdown in the redis-cli, and Redis will save an RDB snapshot before exiting To check whether Redis is running, run ps -ef | grep redis To kill the process, run kill -9 <pid> Commands keys * returns all keys. This command also supports regex patterns dbsize returns the number of keys expire key sets the TTL of the key in seconds pexpire sets the TTL in milliseconds expireat sets the absolute time when the key will expire ttl key returns the remaining time of the key -1 means it won’t expire -2 means it has already expired Non-negative values show the countdown in seconds set key value setnx key value only sets the value when a key does not exist mset k1 v1 k2 v2 k3 v3 ... sets multiple key-value pairs This can save network bandwidth! get key mget k1 k2 k3 gets multiple keys rename old_key new_key renames the old key to the new key Use renamenx for safer operation, so it won’t override existing keys Naming Convention Naming convention for keys is very important. ...

Recently, I have been re-learning Python in my spare time, and I want to write a blog (or blogs) to document something new to me. Stack Surprisingly, there’s no stack type in Python. There are three ways to implement a stack in Python. Check out How to Implement a Python Stack: list collections.deque queue.LifoQueue List List is built upon blocks of continous memory. To implement a stack: >>> stack = [] >>> stack.append(1) >>> stack.append(2) >>> stack.pop() 2 >>> stack.pop() 1 Deque A deque is implemented as a doubly linked list. ...

Tracking website usage is essential for understanding your audience and improving your content. For my Hugo website, I chose to use Azure Application Insights (App Insights) because I just like it. This guide is inspired by this tutorial. Setting Up Azure Resources To get started, search for Application Insights in the Azure Marketplace. Click Create and fill in the required details: Once done, click Review + Create to finalize the setup. ...

Geneva is an internal monitoring platform developed by Microsoft. While Geneva is widely used within Microsoft, it is not publicly available. However, Microsoft offers similar monitoring tools for external customers, such as Azure Monitor. Recently, I have been working on a feature to implement infrastructure for sending metrics using Geneva APIs. In this blog, I’ll share a high-level overview of what I have learned. Source Code I cannot talk too much about the infrastructure setup here, as those are internal implementations. ...

In this blog, I want to document some useful apis, such as chat extension api and workspace api. Get the current workspace We can use the workspace API to create folders and files in vscode. To do that, we need to get the reference to the current workspace. You can read more about VSCode workspace from this doc. Basically, when you first open a vscode editor, the workspace is empty: You can open a folder to work with: ...