# Jing Su

> Jing Su's blog sharing experiences about living in the UK, career, personal life, and books.

Personal blog by Jing Su, a Software Engineer. Content covers software engineering, productivity, career reflections, and life in the UK. Available in English, Traditional Chinese (zh-Hant), and Simplified Chinese (zh-CN).

All pages below can be fetched as markdown by sending an `Accept: text/markdown` header to the page URL.

## Writing

- [How to Transfer Money from Taiwan to the UK in 2025?](https://www.jinghuangsu.com/writing/uk/how-to-transfer-from-taiwan-to-uk): This article documents my experience of transferring money from a Taiwanese bank to the UK and opening a bank account in the UK. Looking to transfer money from Taiwan to the UK? This guide will show you how to choose a bank or transfer platform for a fast, secure, and cost-effective process.
- [Logs of a Software Engineer | EP.3: Five-Year Anniversary](https://www.jinghuangsu.com/writing/career/my-swe-career-ep3)
- [Why I Choose Linear as My Personal Project Management Tool?](https://www.jinghuangsu.com/writing/productivity/solo-project-management-with-linear): Thinking about using Linear for personal project management? This article shares how I effectively use Linear to plan tasks, track progress, and create a workflow that suits me.
- [AI + Socratic x Software Engineering Learning](https://www.jinghuangsu.com/writing/ai/scoratic-method): As a software engineer, how I apply the Socratic learning method with AI to enhance my software engineering knowledge.
- [2025 UK Working Holiday Visa Guide](https://www.jinghuangsu.com/writing/uk/youth-mobility-scheme-visa-application): The application process for the UK Working Holiday Visa, including document preparation, application steps, and pre-departure preparations.
- [#0 Why This Website Was Created](https://www.jinghuangsu.com/writing/musings/about-jinghuangsu-blog): An introduction to jinghuangsu.com
- [Logs of a Software Engineer | EP.2: JKOPay](https://www.jinghuangsu.com/writing/career/my-swe-career-ep2)
- [Logs of a Software Engineer | EP.1: From Zero to One](https://www.jinghuangsu.com/writing/career/my-swe-career-ep1): To give everyone context, I majored in accounting in my five-year junior college, then I took up finance when I transferred to a university. You read it right, these two majors have absolutely nothing to do with computer science!

## TIL (Today I Learned)

- [Radix UI - Popper](https://www.jinghuangsu.com/til/radix-ui-popper): Understanding how Radix UI's internal Popper utility wraps Floating UI into a compound component API that powers tooltips, popovers, menus, and more.
- [Radix UI - Present](https://www.jinghuangsu.com/til/radix-ui-present): Understanding how Radix UI's Presence primitive keeps components in the DOM during exit animations, solving React's instant unmount problem.
- [Radix UI - Composition](https://www.jinghuangsu.com/til/radix-ui-composition): A deep dive into how Radix UI implements component composition using the Collection API pattern for building flexible, accessible compound components.
- [Radix UI - useControllableState: From Concept to Production](https://www.jinghuangsu.com/til/radix-ui-controll-and-uncontroll): A deep dive into useControllableState, one of the most fundamental patterns in React component libraries. Explores the controllable state pattern used by Radix UI, React Aria, and other professional component libraries, from concept to production-grade implementation.
- [Radix UI - DismissableLayer](https://www.jinghuangsu.com/til/radix-ui-dismissable-layer): A deep dive into DismissableLayer, a fundamental primitive in Radix UI that handles dismissing overlays, modals, and dropdowns. Covers escape key handling, outside click detection, focus management, pointer events control, and the Branch pattern for portaled content.
- [Radix UI - Roving Focus](https://www.jinghuangsu.com/til/radix-ui-roving-focus): A deep dive into how Radix UI implements focus trapping using browser-native patterns, TreeWalker, and elegant edge-case handling.
- [Radix UI - Focus Scope](https://www.jinghuangsu.com/til/radix-ui-focus-scope): A deep dive into how Radix UI implements focus trapping using browser-native patterns, TreeWalker, and elegant edge-case handling.
- [Floating UI - useFloating](https://www.jinghuangsu.com/til/floating-ui-use-floating): A deep dive into Floating UI's useFloating hook - understanding how it bridges the gap between an imperative async positioning API and React's declarative model through clever patterns like dual state/ref management, flushSync for smooth updates, and lifecycle subscriptions.
- [Floating UI - Middleware Deep Dive](https://www.jinghuangsu.com/til/floating-ui-middleware-in-deep): Deep dive into Floating UI's `detectOverflow` as the shared foundation for `shift` and `flip` middleware, and an in-depth exploration of the `offset` middleware including coordinate conversion, the three axes, `mainAxisMulti`, and practical examples.
- [Floating UI - Middleware Overview](https://www.jinghuangsu.com/til/floating-ui-middleware): A deep dive into the middleware pipeline system in Floating UI. Learn how middleware transforms positioning through a sequential, resettable loop with offset and flip examples.
- [Floating UI - Coordinate System](https://www.jinghuangsu.com/til/floating-ui-coordinate-system): A deep dive into how Floating UI calculates tooltip and popup positions. Learn about the coordinate system, placement types, axes, and the math behind computeCoordsFromPlacement.
- [Radix UI - Slot](https://www.jinghuangsu.com/til/radix-ui-slot): TO ADD
- [Floating UI - Tree & Node](https://www.jinghuangsu.com/til/floating-ui-node-and-tree): TO ADD
- [Floating UI - Overview](https://www.jinghuangsu.com/til/floating-ui-overview): TO ADD
- [Raycast hot key](https://www.jinghuangsu.com/til/raycast-hot-key): TO ADD
- [Pointer Grace Areas](https://www.jinghuangsu.com/til/pointer-grace-areas): TO ADD
- [Animation tips and Boris Cherny On How His Career Grew](https://www.jinghuangsu.com/til/animation-tips-and-boris-cherny-on-how-his-career-grew): TO ADD

## Optional

- [About](https://www.jinghuangsu.com/about)
- [Full content (llms-full.txt)](https://www.jinghuangsu.com/llms-full.txt): Complete markdown content of all posts
- [Markdown sitemap](https://www.jinghuangsu.com/sitemap.md): All posts including translations