https://www.arieszhou.com/blog Essays and notes by AriesZhou on products, developer tools, reading, and learning. en Fri, 28 Aug 2026 04:00:00 GMT https://www.arieszhou.com/blog/ai-doesnt-understand-that-earlier-one https://www.arieszhou.com/blog/ai-doesnt-understand-that-earlier-one Fri, 28 Aug 2026 04:00:00 GMT Starting with whether someone can ever truly understand "red," I found myself wondering why AI so often fails to understand "that earlier one." Language may work less like a container and more like an index into experience, while project work depends on a history that others can pick up and continue. Essays AI Context Engineering Communication Project Collaboration https://www.arieszhou.com/blog/readme-landingpage-guide https://www.arieszhou.com/blog/readme-landingpage-guide Tue, 25 Aug 2026 09:44:30 GMT On how to write a good README. Technology github https://www.arieszhou.com/blog/singles https://www.arieszhou.com/blog/singles Wed, 05 Aug 2026 08:33:58 GMT I played singles twice recently. Compared to doubles, it is much more physically demanding, and the court feels bigger... Daily Life Badminton Musings https://www.arieszhou.com/blog/from-clashx-to-clash-verge-why-web-pages-work-but-codex-can-t-connect https://www.arieszhou.com/blog/from-clashx-to-clash-verge-why-web-pages-work-but-codex-can-t-connect Tue, 14 Jul 2026 06:30:00 GMT After switching proxy clients, GitHub, YouTube, and ChatGPT web pages all work, but Codex can't connect. The issue lies in system proxy, process environment, and command-line networking being different layers. AI Tools Networking ChatGPT Codex ClashX Clash-Verge macOS Proxy https://www.arieszhou.com/blog/mit-licenses-code-not-the-whole-product https://www.arieszhou.com/blog/mit-licenses-code-not-the-whole-product Thu, 11 Jun 2026 09:33:33 GMT A discussion on open source issues sparked by a derivative work of Mole, along with reflections on how AI lowering the barrier to coding impacts open source. OpenSource OpenSource AI Essay https://www.arieszhou.com/blog/from-next-js-to-astro https://www.arieszhou.com/blog/from-next-js-to-astro Tue, 14 Apr 2026 02:00:00 GMT The decision, architectural changes, and pitfalls encountered when migrating a blog system from Next.js to Astro. Web Development astro nextjs architecture blog migration https://www.arieszhou.com/blog/after-listening-to-the-economics-of-exhaustion https://www.arieszhou.com/blog/after-listening-to-the-economics-of-exhaustion Mon, 30 Mar 2026 11:50:00 GMT Yesterday I listened to Episode E227 of the podcast 知行小酒馆, titled "The Economics of Exhaustion: Why has technology advanced, yet we feel more tired?" The content of this episode happened to resonate with my recent sense of fatigue. Essays Psychology Thinking https://www.arieszhou.com/blog/information-anxiety-and-fomo https://www.arieszhou.com/blog/information-anxiety-and-fomo Thu, 26 Mar 2026 04:27:00 GMT I thought I could keep learning as I age, but I just can't keep up, not at all... Essays Technology Thoughts https://www.arieszhou.com/blog/harness-study-notes https://www.arieszhou.com/blog/harness-study-notes Thu, 19 Feb 2026 02:00:00 GMT Some scattered notes on Agent Harness, with demos and diagrams from GPT. A preliminary look at Action Space Design / Tool Definition / Evaluation Metrics. AI AI Agent Harness Engineering Tool Definition https://www.arieszhou.com/blog/collaborative-spreadsheet-with-react-data-grid-part-2 https://www.arieszhou.com/blog/collaborative-spreadsheet-with-react-data-grid-part-2 Sun, 03 Aug 2025 02:00:00 GMT The EditorContainer and Renderers patterns in react-data-grid, and how to separate state management from rendering. React react architecture react-data-grid component design state management https://www.arieszhou.com/blog/collaborative-tables-with-react-data-grid-part-1 https://www.arieszhou.com/blog/collaborative-tables-with-react-data-grid-part-1 Thu, 19 Jun 2025 02:00:00 GMT Starting with react-data-grid, this post looks at the architecture, technical challenges, and solutions behind collaborative tables. React react architecture table react-data-grid collaboration https://www.arieszhou.com/blog/analyzing-and-solving-chrome-extension-cross-context-communication-issues https://www.arieszhou.com/blog/analyzing-and-solving-chrome-extension-cross-context-communication-issues Thu, 22 May 2025 00:00:00 GMT A deep dive into why chrome.storage.onChanged events fail to propagate from the background service worker to the options page in Chrome extensions, with a hybrid event-polling solution. Web Development Chrome Extension JavaScript Cross-Context Communication Debugging https://www.arieszhou.com/blog/cross-platform-development-pitfalls-file-system-case-sensitivity https://www.arieszhou.com/blog/cross-platform-development-pitfalls-file-system-case-sensitivity Wed, 07 May 2025 09:28:04 GMT Solving the strange issue where local development works on macOS/Windows but Vercel builds fail, and understanding case-sensitive file system differences. Web Development File System Case Sensitivity Vercel Cross-Platform https://www.arieszhou.com/blog/data-visualization https://www.arieszhou.com/blog/data-visualization Mon, 10 Mar 2025 06:20:16 GMT Data visualization is a broad topic. Here I cover some core concepts and notes from developing with D3.js, from data processing to visual mapping, and from layered architecture to interaction design. Data Visualization D3.js Data Visualization JavaScript SVG https://www.arieszhou.com/blog/css-grid-guide https://www.arieszhou.com/blog/css-grid-guide Wed, 19 Feb 2025 02:00:00 GMT Understanding CSS Grid's line-based model, naming system, and how Subgrid and Grid Lanes redefine web layout. CSS CSS Grid Layout Frontend https://www.arieszhou.com/blog/static-resource-integrity-verification https://www.arieszhou.com/blog/static-resource-integrity-verification Mon, 22 Jul 2024 07:57:29 GMT Prevent CDN resource tampering with SRI. Web Security SRI CDN https://www.arieszhou.com/blog/a-community-feedback https://www.arieszhou.com/blog/a-community-feedback Thu, 04 Jul 2024 06:44:07 GMT Essays https://www.arieszhou.com/blog/flexbox-flex-grow-and-flex-shrink https://www.arieszhou.com/blog/flexbox-flex-grow-and-flex-shrink Wed, 03 Apr 2024 13:48:56 GMT Understanding the two most overlooked Flexbox properties: flex-grow and flex-shrink. CSS Flexbox Layout https://www.arieszhou.com/blog/cloneelement-and-dynamic-component-rendering https://www.arieszhou.com/blog/cloneelement-and-dynamic-component-rendering Sat, 30 Mar 2024 02:00:00 GMT Learn how to dynamically inject props and compose components. react react cloneelement children render-props patterns https://www.arieszhou.com/blog/why-you-need-forwardref-and-useimperativehandle https://www.arieszhou.com/blog/why-you-need-forwardref-and-useimperativehandle Tue, 19 Mar 2024 02:00:00 GMT React's ref forwarding mechanism: why and when to use forwardRef / useImperativeHandle. react react ref forwardref imperativehandle patterns https://www.arieszhou.com/blog/react-batching-updates-notes https://www.arieszhou.com/blog/react-batching-updates-notes Sat, 20 Jan 2024 03:34:29 GMT Understanding React's batching update mechanism, its evolution from React 17 to React 18, and the performance gains from automatic batching. React React 18 Performance Optimization https://www.arieszhou.com/blog/seo-search-engine-optimization-practical-guide https://www.arieszhou.com/blog/seo-search-engine-optimization-practical-guide Tue, 02 Jan 2024 06:44:13 GMT A beginner's introduction to SEO. Web Development SEO Search Engine Website Optimization https://www.arieszhou.com/blog/css-how-to-choose-between-rem-em-and-px https://www.arieszhou.com/blog/css-how-to-choose-between-rem-em-and-px Mon, 19 Jun 2023 03:07:43 GMT Understand the differences and use cases of rem, em, %, vw/vh, and px to make layouts more flexible and responsive design easier. CSS CSS Layout https://www.arieszhou.com/blog/svg-vs-canvas https://www.arieszhou.com/blog/svg-vs-canvas Wed, 29 Mar 2023 06:38:32 GMT UI https://www.arieszhou.com/blog/frontend-performance-optimization-notes https://www.arieszhou.com/blog/frontend-performance-optimization-notes Sat, 25 Mar 2023 02:48:29 GMT Frontend performance optimization strategies: resource compression and code splitting, along with related tools like Web Vitals and Lighthouse. Performance Optimization Performance Optimization Web Vitals Optimization Tips https://www.arieszhou.com/blog/quic-protocol-and-encryption https://www.arieszhou.com/blog/quic-protocol-and-encryption Mon, 04 Jul 2022 09:13:59 GMT A look at QUIC's encryption mechanisms and performance advantages, including 0-RTT handshakes, DH key exchange, and a comparison with TLS 1.3. Network Protocols QUIC Protocol TLS Encryption HTTP https://www.arieszhou.com/blog/react-router-guide https://www.arieszhou.com/blog/react-router-guide Fri, 06 May 2022 06:31:14 GMT From basic routing to nested routes, from declarative navigation to programmatic navigation: a deep dive into React Router v6. React React Router Routing https://www.arieszhou.com/blog/react-performance-optimization-preventing-component-re-renders https://www.arieszhou.com/blog/react-performance-optimization-preventing-component-re-renders Tue, 03 May 2022 10:33:42 GMT Understanding React's re-rendering mechanism and performance optimization techniques including PureComponent, React.memo, useMemo, and useCallback. React Performance Optimization Rendering https://www.arieszhou.com/blog/lazy-loading-guide-essential-techniques-for-page-performance https://www.arieszhou.com/blog/lazy-loading-guide-essential-techniques-for-page-performance Wed, 30 Mar 2022 02:09:28 GMT Understand how lazy loading works, learn to implement it for images, components, and routes, and see practical uses of the Intersection Observer API. Performance Optimization Performance Optimization Code Splitting https://www.arieszhou.com/blog/a-comprehensive-guide-to-linux-inter-process-communication-ipc https://www.arieszhou.com/blog/a-comprehensive-guide-to-linux-inter-process-communication-ipc Wed, 23 Mar 2022 05:28:32 GMT Linux IPC mechanisms: pipes, message queues, semaphores, shared memory, and sockets. System Linux IPC Process Systems Programming https://www.arieszhou.com/blog/javascript-fundamentals https://www.arieszhou.com/blog/javascript-fundamentals Tue, 01 Mar 2022 02:00:00 GMT From arrow functions to prototype chains, from higher-order functions to code splitting: a deeper look at core JavaScript concepts. js javascript es6 programming https://www.arieszhou.com/blog/a-guide-to-react-design-patterns https://www.arieszhou.com/blog/a-guide-to-react-design-patterns Tue, 11 Jan 2022 06:55:46 GMT From container components to Hooks, from render props to error boundaries: systematically master core React design patterns. React Design Patterns Hooks Componentization https://www.arieszhou.com/blog/react-state-management https://www.arieszhou.com/blog/react-state-management Sun, 09 Jan 2022 04:01:36 GMT From useState to Redux, from lifting state up to state reuse: strategies for React state management. React State Management Redux https://www.arieszhou.com/blog/virtual-dom-guide https://www.arieszhou.com/blog/virtual-dom-guide Fri, 07 Jan 2022 06:19:18 GMT Uncover how the virtual DOM works, understand React's reconciliation algorithm, and learn about the performance benefits and best practices it brings. React Rendering Principles Virtual DOM https://www.arieszhou.com/blog/2021-guide https://www.arieszhou.com/blog/2021-guide Sun, 02 Jan 2022 06:24:52 GMT Essays https://www.arieszhou.com/blog/cryptography-lessons-common-pitfalls-and-best-practices https://www.arieszhou.com/blog/cryptography-lessons-common-pitfalls-and-best-practices Fri, 19 Nov 2021 07:25:18 GMT Learn about common mistakes in cryptographic applications: the dangers of ECB mode, key reuse, IV reuse, and their solutions. Cryptography Encryption Security Best Practices Vulnerability Analysis https://www.arieszhou.com/blog/cryptography-basics-symmetric-encryption-asymmetric-encryption-and-digest-algorithms https://www.arieszhou.com/blog/cryptography-basics-symmetric-encryption-asymmetric-encryption-and-digest-algorithms Sun, 12 Sep 2021 14:25:17 GMT Understand the principles and use cases of symmetric encryption, asymmetric encryption, and digital digests, and grasp the fundamental concepts of modern cryptography. Cryptography Symmetric Encryption Asymmetric Encryption Digest Algorithms https://www.arieszhou.com/blog/understanding-load-average https://www.arieszhou.com/blog/understanding-load-average Sun, 01 Aug 2021 14:05:40 GMT A deep dive into the Linux load average metric: a combined measure of processes running, waiting to run, and waiting for I/O. System Linux Performance Load Average System Monitoring https://www.arieszhou.com/blog/sqlcipher-encrypting-sqlite-databases https://www.arieszhou.com/blog/sqlcipher-encrypting-sqlite-databases Tue, 13 Jul 2021 14:27:48 GMT A look at SQLCipher's security features and how it works: AES-256 encryption, key derivation, page-level encryption, and zero-knowledge database security. Android Android SQLite SQLCipher Database Security https://www.arieszhou.com/blog/understanding-encryptedsharedpreferences-secure-storage-on-android https://www.arieszhou.com/blog/understanding-encryptedsharedpreferences-secure-storage-on-android Thu, 01 Jul 2021 14:28:23 GMT A brief look at how EncryptedSharedPreferences in the AndroidX Security library works and how to securely store sensitive key-value data. Android Android secure storage encryption Keystore https://www.arieszhou.com/blog/how-logcat-works-reading-android-logs https://www.arieszhou.com/blog/how-logcat-works-reading-android-logs Thu, 17 Jun 2021 14:30:30 GMT A source-level breakdown of Android logcat's read flow, covering the logd daemon, socket communication, and transport mechanisms. Android Android logcat logd System Internals https://www.arieszhou.com/blog/wechat-xlog-encryption-analysis-tea-ecdh-key-exchange https://www.arieszhou.com/blog/wechat-xlog-encryption-analysis-tea-ecdh-key-exchange Fri, 28 May 2021 14:25:57 GMT An analysis of the encryption mechanism in xlog, part of WeChat's Mars component, where TEA symmetric encryption works with ECDH key exchange to secure log transmission. Android Android encryption xlog TEA ECDH Mars secure transmission https://www.arieszhou.com/blog/tcp-packet-coalescing-root-cause-and-solutions https://www.arieszhou.com/blog/tcp-packet-coalescing-root-cause-and-solutions Sat, 22 May 2021 14:26:31 GMT Clarifying a common misconception: packet coalescing is not a TCP bug, but an application-layer protocol design issue. A deep dive into how byte streams and message boundaries are defined. Network Protocols TCP Network Protocols Packet Coalescing Application-Layer Protocol https://www.arieszhou.com/blog/on-function-symbol-export-issues-in-gcc-compilation https://www.arieszhou.com/blog/on-function-symbol-export-issues-in-gcc-compilation Sat, 10 Apr 2021 14:26:17 GMT Notes on an undefined reference error encountered during Android compilation, regarding GCC visibility attributes and symbol export. Android Android GCC Compilation Symbol Export NDK https://www.arieszhou.com/blog/configuring-ssh-access-for-multiple-git-repositories https://www.arieszhou.com/blog/configuring-ssh-access-for-multiple-git-repositories Wed, 11 Nov 2020 08:21:12 GMT Quickly configure SSH keys for multiple Git repositories in a new environment for secure and convenient multi-repo access. Git Git SSH multi-repo configuration https://www.arieszhou.com/blog/http-https-the-essence-of-secure-web-transmission https://www.arieszhou.com/blog/http-https-the-essence-of-secure-web-transmission Thu, 22 Oct 2020 14:28:02 GMT From HTTP plaintext transmission to HTTPS encrypted communication, a brief look at how the TLS/SSL protocol protects web communication. Network Protocols HTTPS HTTP TLS https://www.arieszhou.com/blog/a-wild-pointer https://www.arieszhou.com/blog/a-wild-pointer Sun, 23 Aug 2020 14:29:13 GMT C++ https://www.arieszhou.com/blog/tls-protocol-explained-from-handshake-to-encrypted-transmission https://www.arieszhou.com/blog/tls-protocol-explained-from-handshake-to-encrypted-transmission Sun, 02 Feb 2020 14:24:45 GMT An overview of the TLS protocol framework, its evolution from TLS 1.2 to TLS 1.3, the handshake process, and cryptographic security mechanisms. Network Protocols TLS HTTPS Security Encryption https://www.arieszhou.com/blog/inspectional-reading https://www.arieszhou.com/blog/inspectional-reading Mon, 06 Jan 2020 14:24:19 GMT Essays