system_directory
Field notes from the web frontier: code, UI, tooling, and the occasional digital detour.
March 25, 2026
A year later, I made my futuristic vision of this site a reality; AI helped with execution, but the creative direction stayed mine.
February 10, 2025
SYSLOG_02
Ever used custom events, but find it cumbersome to work with React due to useEffect and the fear of component re-rendering? Try using nano stores instead.
Read_More ->
February 9, 2025
SYSLOG_03
Lately, I wanted something similar to Vue's Pinia but for React. Nanostores may be the one.
Read_More ->
October 28, 2024
SYSLOG_04
I have only a TypeScript module. I npm install it. What happens if I install it for a specific environment? Find out here.
Read_More ->
May 9, 2024
SYSLOG_05
Vite exposes environment variables on the special `import.meta.env` object, which are statically replaced at build time. It will, right? RIGHT?
Read_More ->
February 22, 2024
SYSLOG_06
My journey of how I got here today.
Read_More ->
January 28, 2023
SYSLOG_07
Redux Toolkit is great, but only if used correctly. In this blog post, I'll show some bad redux toolkit code used to do data fetching, and improve it to become resilient for our developers and users.
Read_More ->
September 16, 2022
SYSLOG_08
Here's my take on what mobile-first means.
Read_More ->
September 12, 2022
SYSLOG_09
Does Harman know how to use Jest and Cypress? He just uses Vitest for everything.
Read_More ->
September 11, 2022
SYSLOG_10
Does Harman know how to use Webpack? He just uses Vite for everything.
Read_More ->
September 10, 2022
SYSLOG_11
I'll talk about my philosophy on code style.
Read_More ->
August 25, 2022
SYSLOG_12
I'm currently on a journey to make myself a TypeScript ninja. Come join me for a long part series of things I learn new on TypeScript!
Read_More ->
August 21, 2022
SYSLOG_13
I'll talk about my secret technique about infinite scroll. The same technique is actually used for this site!
Read_More ->
August 15, 2022
SYSLOG_14
I've crossed the dark side to the light: I switched to Preact for this website only. I still will develop websites and web apps in React though.
Read_More ->
August 8, 2022
SYSLOG_15
As a software engineer, I often have to create sequence diagrams or flowcharts to demonstrate how the system flow is going to work. I used to do all of this via Google Slides or lucidcharts. Now I have forgotten all of that and use something called Mermaid. Click read more to learn what's possible with it.
Read_More ->
August 7, 2022
SYSLOG_16
I'll talk about how I deploy my personal websites.
Read_More ->
July 30, 2022
SYSLOG_17
I did it again.
Read_More ->
July 4, 2022
SYSLOG_18
$GITHUB_STEP_SUMMARY is a useful step in Github Actions. What do I use it for?
Read_More ->
May 29, 2022
SYSLOG_19
useSelector is an easy way to get data for your component. Why not just use it for everything?
Read_More ->
April 16, 2022
SYSLOG_20
I've been working without TypeScript for the past 2 months. It is... rough.
Read_More ->
February 13, 2022
SYSLOG_21
Listen, I use TypeScript, but...
Read_More ->
January 8, 2022
SYSLOG_22
Now here's the part 2 - let's talk about my take on CSS and how I approached it in my website.
Read_More ->
November 1, 2021
SYSLOG_23
It's been a while, but hey, new look and feel for this site, and I'll describe my journey on how I got here.
Read_More ->
November 3, 2020
SYSLOG_24
I am a React Developer. Do I use Redux? Insert attention-grabbing thing here to make you click.
Read_More ->
July 6, 2020
SYSLOG_25
This is part II of my long running series of React Class Components VS Functional Components. This post talks about some shortcomings about functional components and how class components still got it in the bag.
Read_More ->
July 5, 2020
SYSLOG_26
This is part I of my long running series of React Class Components VS Functional Components
Read_More ->
June 6, 2020
SYSLOG_27
This describes some of the gotchas I encountered with Apollo Client.
Read_More ->
May 3, 2020
SYSLOG_28
Don't have time to dockerize everything? This blog post shows what can be done for that.
Read_More ->
Harman Goei (hrgui) is a developer that loves to make cool and awesome web applications. His strength is in HTML, CSS, JavaScript, but he is willing to code anywhere in the stack to make the web be awesome.