huy.rocks

This is my attempt to benchmark and compare the quality of some of the well known Qwen3.6 27B quantizations on HuggingFace (unsloth, mradermacher, IQ4\_XS from cHunter789 and Ununnilium), from Q8 all ...

When Claude Code needs your attention — whether it's waiting on a permission request, finished a long task, or just has something to tell you — it's easy to miss if you've switched to another window. ...

Text-to-diagram seems to be an area that has been solved perfectly by LLMs, but only with popular languages like Mermaid or PlantUML.

This year, I decided to use Zig to solve Advent of Code.

OK, this one is super useful, I promise!

For the uninformed, **optional chaining** is a new JavaScript feature that allows you to access property values deep inside an object without checking that each reference in the chain is valid.

Sometimes we need to mock a `FileList`, for example, when we need to test file upload features.

One approach to testing the `localStorage` function in Jest is to mock the `setItem`/`getItem` methods.

Previously, I hosted [Plausible](https://plausible.io) on my Linux server.

A parser is a program that usually takes a stream of lexical tokens and transforms them into another data structure, usually in the form of a parse tree that satisfies the language's grammar rules. ##...

In the [previous article](/everyday/04-21-2022-compilers-how-virtual-stack-machines-executed), we get an overview of how bytecode is executed in a stack machine.

Different programming languages have different approaches to executing their code.

An event system is a mechanism for globally receiving and broadcasting messages, which can be used in a Web Application to allow different components that do not have any parent-child relation to comm...

Let's say, we have a problem that requires us to print all the digits of a number from the left to right.

In [the previous article](/everyday/04-17-2022-data-structures-introduction-to-bitboard), we learned about Bitboard and how to use it in a simple board game.

[Bitboard](https://www.chessprogramming.org/Bitboards) is a widely-used technique in many computer chess programs for efficiently representing and extracting information on the chessboard.

Let $P$ be the intersection point, $A$ is the anchor point of the ray, $B$ is the endpoint of the ray (assuming the ray is length-limited) and $C$ is the circle's center point, with radius $r$. $$ \\b...

In mathematics, the [fundamental theorem of arithmetic](https://en.wikipedia.org/wiki/Fundamental_theorem_of_arithmetic) states that: **"Any integer number larger than 1 can be written as a product of...

In the ["Use String as Enum Key"](/everyday/04-11-2022-typescript-use-string-as-enum-key) article, we use the **keyof typeof** keywords to create a union of an enum's keys.

[**go-staticcheck**](https://github.com/dominikh/go-tools/) is a static code analysis tool for Go.

In a computer system, there are 2 types of clocks: 1.

In TypeScript, you can define an enum and access its value with a _string-like value_, like this: ```typescript enum Editor {...

Sometimes, you will need to count the frequency of letters in a string and do something with that count.

[Delve](https://github.com/go-delve/delve/tree/master/Documentation/installation) is a GDB-alike debugger for Golang, with better support for Go's data structures and Goroutine.

Cyclic Sort is an easy to implement and efficient algorithm.

In a Linked List, traversal is restricted to forward only, you can't really go back to previous nodes once you go past them.

Nx is a tool to create and manage multiple-project workspaces.

Some notes about some not-so-well-known things about TypeScript Classes. ## Parameter properties In TypeScript, you can define a class's properties in two ways: Define it as a class property in the no...

OK, this one is embarrassing, I still remember the first time I was taught to dry run the code.

For the problems that require us to do something a stream of values, or a subsequence of an array, the typical approach is to use a sliding window. !

**The problem** Given two non-decreasing arrays `a` of length `m`, and `b` of length `n`.

This article is inspired by the talk [How the TypeScript compiler compiles](https://www.youtube.com/watch?

In the [previous post](/everyday/03-30-2022-typescript-how-some-utility-types-are-implemented), we learned how some utility types are implemented.

TypeScript provides several [utility types](https://www.typescriptlang.org/docs/handbook/utility-types.html) to help us manipulate types easier, like: `Partial`, `Required`, `Pick`,... ...

In TypeScript, all the type definitions for the Web API are implemented in the [lib.dom.d.ts](https://github.com/microsoft/TypeScript/blob/main/lib/lib.dom.d.ts) file.

[Memoization](https://en.wikipedia.org/wiki/Memoization) is the technique to let an expensive function return the cached value if all of its arguments remain unchanged.

When working with text and CSS, we usually assume that the default font size of the browser is always a fixed number (for example, 16px), therefore, we don't think much when setting the base font size...

Hanging punctuation is the practice of pulling the punctuation marks into the margin of a text so that it does not disturb the _vertical [reading flow](https://betterwebtype.com/articles/2018/10/15/rh...

In CSS, we can create a custom list numbering with `counter-reset`, `counter-increment` and `counter()` functions.

So, I want to look into the TypeScript source code to understand how things work and maybe contribute to the project as well.

Active Listening is a process to **engage** and **empathize** with the speaker when talking about something.

In Angular, component styles are isolated (a.k.a [View Encapsulation](https://angular.io/guide/view-encapsulation)).

Using serde, we can serialize a data structure into different formats, for example, JSON: ```rust #[derive(Serialize)]...

Collector's Fallacy is **the urge to collect something that you never use or need**, but the act of collecting gives you a good feeling (cognitive reward).

## Definition Angular is: - A component-based framework to build web apps...

As a developer, our main job is contributing to code projects, it can be a work project or an open-source project.

Let's say, you have the object store called **characters** as the following table: | Key | Value | |:----|:------|...

LocalStorage is a popular solution to persists data (locally) across sessions for web applications, but there are some limitations, for example: - It is limited to 10MB on most browsers.

**Article:** https://www.nytimes.com/2020/04/07/smarter-living/how-to-edit-your-own-writing.html ## Why editing?

Coming from React or other UI frameworks, when it comes to building large applications, you might have the habit of breaking it into smaller components.