# 55. Osmanthus Coffee

> The Osmanthus Latte at Clockwork Coffee. It’s fragrant and delicious—highly recommended if you find yourself near Fengqi Road.

- Issue: 55
- Published: 2021/12/07
- HTML: https://weekly.tw93.fun/en/posts/55
- JSON: https://weekly.tw93.fun/api/en/posts/55.json
- Chinese original: https://weekly.tw93.fun/posts/55.md

---

<img src="https://gw.alipayobjects.com/zos/k/9w/kItJMX.jpg" width="800" />

<small>The Osmanthus Latte at Clockwork Coffee. It’s fragrant and delicious—highly recommended if you find yourself near Fengqi Road.</small>

> **Record the down-to-earth trending technologies seen every week, and publish them here after screening. If you find it good, you can follow this weekly to get update notifications.**

## Front-End Technology

**An Inside Look at Modern Web Browsers**  
<https://developers.google.com/web/updates/2018/09/inside-browser-part1>  
A foundational series from Google on how browsers actually work under the hood. Even though it's from 2018, the core concepts remain essential.

**5 Common Types of useEffect Infinite Loops**  
<https://mp.weixin.qq.com/s/WWQa4kJXAblBkZS5zx3HBw>  
A translated guide on the subtle ways we accidentally trigger infinite loops in React, and more importantly, how to avoid them.

**Replacing JavaScript with CSS**  
<https://github.com/you-dont-need/You-Dont-Need-JavaScript>  
Learn how to implement common patterns like image carousels, tabs, and tooltips using only CSS. Less code, better performance.

**What's New in React 18: Transitions**  
<https://juejin.cn/post/7027995169211285512>  
Deep dive into the `startTransition` API and the new `useTransition` and `useDeferredValue` hooks that help manage UI responsiveness.

**JavaScript: The Path to Immortality (Cultivation Style)**  
<https://m.zhangyue.com/readbook/12567484/5.html>  
A "Xianxia" (Chinese fantasy) novel that teaches JavaScript concepts. An incredibly creative way to learn—you really are a one-in-a-century cultivation genius!

## Trending Open Source

**JS Obfuscator: Make Your Code Unreadable**  
<https://obfuscator.io/>  
Confuse your code so much that even you won't recognize it. Perfect for protecting sensitive logic in frontend projects.  
<img src="https://cdn.tw93.fun/blog/upic/LWAaOz.gif" width="800" />

**mobilePillowTalkLite: iOS Service Process Monitor**  
<https://github.com/Co2333/mobilePillowTalkLite>  
A tool for monitoring service processes and system activity on iOS devices.  
<img src="https://cdn.tw93.fun/blog/upic/V64bcm.jpg" width="800" />

**Excalidraw: Virtual Hand-Drawn Whiteboard**  
<https://github.com/excalidraw/excalidraw>  
An excellent tool for sketching diagrams and wireframes with a charming hand-drawn aesthetic. Supports real-time collaboration.  
<img src="https://cdn.tw93.fun/blog/upic/SgpL4x.jpg" width="800" />

**Remark42: Lightweight Comment Plugin**  
<https://remark42.com/demo/>  
A self-hosted, lightweight commenting engine that’s very easy to drop into any existing blog system.  
<img src="https://cdn.tw93.fun/blog/upic/Rl4Eu3.gif" width="800" />

## Just Looking Around

**GitHub Copilot is Writing Chinese Articles Now**  
<https://www.v2ex.com/t/814689#reply81>  
The results are genuinely shocking. It seems AI is moving beyond just code and into creative writing faster than we expected.  
<img src="https://cdn.tw93.fun/blog/upic/Jyf6br.jpg" width="800" />

**Building Better Interactive Docs with Axure**  
<http://www.woshipm.com/ucd/4377278.html>  
A great resource for product managers looking to level up their design and requirement documentation.

**Mapping the Metaverse Landscape in China**  
<https://mp.weixin.qq.com/s/U-DgqGfo2KSCKrtpMNJqQA>  
A comprehensive roundup of startups entering the metaverse space. Take it as an industry overview without buying into the hype just yet.