Notes
All PostsArchive
Android1App Store1C++1Cluster1CSS Specificity1CSS-in-JS1Emotion1Erlang1Input Method1iOS2JavaScript2Loaders1Networking1Node.js1Observables1Prerendering1Qt1React2React Native2RxJS2String Processing1WebEngine1Webpack2Windows2
© 2026 HUANG Cheng
All Posts
Qt and React Hybrid Development
Problem and Exploration A recent project posed an interesting question: how do you render AI chat responses with a typewriter effect inside a Qt app? One…
Feb 18, 2025
Detecting App Store Updates in React Native
Sometimes you ship an exciting new feature and want to prompt users to update right away. NetEase Cloud Music — a React Native app — does exactly this.…
Nov 15, 2024
A Little Pitfall in Erlang String Handling
I stumbled upon echo.opera.com — a service that prints out HTTP request headers — and thought it would be fun to build my own. After implementing echo_rs in…
Sep 26, 2024
Recursion in RxJS
The requirement: after a user selects or photographs an image, send it to an image-recognition API. The API rejects images over a certain size and returns…
Aug 1, 2024
The Mystery Behind RxJS iif
A common pattern in business logic: branch on a precondition to decide which API to call. For order payment, if it's a new order call the create-order…
Jun 22, 2024
React Native Pitfalls and Fixes
Publishing to Android App Stores Rejected for Privacy Violations Some Chinese app stores will reject your app with a message like "SDK reads private user…
Jun 3, 2024
Listing and Switching Input Methods on Windows
Approach 1: Via Keyboard Layout Limitation Extracting the layout ID is non-trivial — the code above uses a simplified low-word extraction. For a thorough…
Apr 20, 2024
Pre-rendering React Apps with Webpack
Background For various reasons — performance, SEO, accessibility — it's desirable for React (or other virtual DOM) apps to serve a static version of the page…
May 7, 2023
Handling CSS-in-JS Style Conflicts
A component library built with was repeatedly getting its styles overridden when integrated into a project that used multiple tech stacks. As you can see in…
Apr 22, 2023
Inside Webpack Loaders and Rules
The Problem A webpack-based React project worked fine on macOS and Linux but threw an error on Windows when processing SCSS: Re-installing and confirmed they…
Sep 29, 2022
Why Doesn't Listening on the Same Port in Multiple Node.js Cluster Workers Throw EADDRINUSE?
The Node.js docs show this pattern without any explanation of why it works: Everyone knows that listening on a port twice throws: And indeed, without : So how…
Sep 26, 2022
A Little Pitfall in Erlang String Handling

A Little Pitfall in Erlang String Handling

September 26, 2024

I stumbled upon echo.opera.com — a service that prints out HTTP request headers — and thought it would be fun to build my own. After implementing echo_rs in Rust, I got the itch to rewrite it in Erlang as a gen_tcp exercise.

Once I had it working, I noticed the layout was broken when displaying raw request data in hexadecimal.

image.png

After some debugging I traced the issue to the string:slice function. The approach was to split the raw request data into chunks of 0x10 bytes, convert each chunk to hexadecimal, then decode it as ASCII. The problem: string:slice doesn't strictly respect the requested length.

-define(ELEMENT_PER_LINE, 16).

image 2.png

Since string:slice couldn't do what I needed, the natural fix was to treat the data as binary — Erlang is natively excellent at binary manipulation. The solution: split on binary boundaries first, then process each chunk.

-spec slice_binary(
    binary(),
    non_neg_integer(),
    non_neg_integer()
) -> {ok, binary()}.
slice_binary(Bin, Start, Len) ->
    case Len > byte_size(Bin) - Start of
        true ->
            <<_:Start/binary, Rest/binary>> = Bin,
            {ok, Rest};
        false ->
            <<_:Start/binary, Rest/binary>> = Bin,
            <<Slice:Len/binary, _/binary>> = Rest,
            {ok, Slice}
    end.

This guarantees we always get exactly the length we asked for.

image 3.png

The full source code is available at echo.

#Erlang#String Processing