Tech Blog

My Blog

Thoughts, insights, and guides on web development, design, and modern technologies. Browse through my articles to learn something new or find solutions to common challenges.

B40
Frontend Component
Hooks
Income
Journey
Performance Optimization
React
Soft Skills
System Architecture
T20
Tailwind CSS
TypeScript
UX/UI
frontend
instagram
interview
nextjs
personal website
portfolio
seo
system design
web development
产品
创业
商业模式
生存与成长逻辑
营销
Showing 7 articles
Dec 25, 2025
Cracking the Frontend System Design Interview: Designing an Instagram Feed
frontendsystem design+2
Cracking the Frontend System Design Interview: Designing an Instagram Feed
This article covers the best SEO meta tags setup using Next.js 15's Metadata API, along with a sitemap and robots.txt for my portfolio website.
Me
5 min read
Dec 14, 2025

<iframe width="560" height="315" src="https://www.youtube.com/embed/RaCiCOt4Cek?si=0DbOmspd9_6lWYRR" title="YouTube vide...

IncomeB40+2
From B40 to T20 — Practical Steps to Upgrade Your Income
The episode explains realistic strategies for moving from B40 (lower-income group) into the T20 (top 20% income) by focusing on increasing earned income, using safe leverage (property), and then shifting from “labor” to “intelligence” to “leverage others.” The host stresses that job-hopping with purpose, sound property investing, and deliberate skill/asset-building are more reliable short-to-mid-term paths than immediately starting a business.
Me
2 min read
Sep 16, 2025

看完 BBK Network 不同温层的《千万级老板 VS 创业新人！要薄利多销吗？营销重要吗？两者思维会一样吗？【不同温层#75】》后，真心觉得千万级别的大佬们分享的内容干货满满。结合自己的思考，我整理出以下几点心得。 **产品优...

创业商业模式+3
从千万级老板的分享看创业初期的生存与成长逻辑
看完 BBK Network 不同温层的《千万级老板 VS 创业新人！要薄利多销吗？营销重要吗？两者思维会一样吗？【不同温层#75】》后，真心觉得千万级别的大佬们分享的内容干货满满。结合自己的思考，我整理出以下几点心得。
Me
1 min read
May 20, 2025
Building a Production-Ready Autocomplete Search Component in React
ReactTypeScript+4
Building a Production-Ready Autocomplete Search Component in React
Learn how to build a high-performance autocomplete search input from scratch using React hooks, TypeScript, debouncing, keyboard navigation, and Tailwind CSS.
Me
6 min read
Mar 9, 2025
Next.js SEO: Setting up meta tags for SEO of my portfolio website
nextjsseo+3
Next.js SEO: Setting up meta tags for SEO of my portfolio website
This article covers the best SEO meta tags setup using Next.js 15's Metadata API, along with a sitemap and robots.txt for my portfolio website.
Me
3 min read
Mar 6, 2025
Why I Created My Personal Website
personal websiteportfolio+1
Why I Created My Personal Website
The reasons behind building my own personal website.
Me
1 min read
Jun 4, 2024
Scaling Frontend at Tencent: My First Year as a Frontend Engineer
System ArchitectureReact+2
Scaling Frontend at Tencent: My First Year as a Frontend Engineer
A deep dive into navigating micro-frontend architectures, cross-cultural communication, and performance optimization on enterprise-scale applications.
Kelvin You
4 min read