- HMR stands for Hot Module Replacement.
- CMS stands for Content Management System.
- Aside: Dan Abramov originally created Redux to solve the problem of losing state during HMR.
Learnings
Small lessons captured before they become long-form writing
2026
- Reflection: the process of inspecting, managing, and modifying a program's own structure and behavior at runtime.
- Reflect
-
In JavaScript, Reflect can express the intent to manage an object's structure and behavior at runtime.
const directName = user.name; const reflectedName = Reflect.get(user, "name"); -
A proxy trap can use its corresponding Reflect method.
const proxy = new Proxy(user, { get(target, property, receiver) { console.log("get:", property); return Reflect.get(target, property, receiver); }, set(target, property, value, receiver) { console.log("set:", property); return Reflect.set(target, property, value, receiver); }, });
-
TDS Mobile components worth considering for adoption.
TDS MobileHighlight특정 영역을 강조하고 나머지 화면을 어둡게 처리해 사용자의 주목을 유도한다.TDS MobileListFooter목록 끝에서 더 보기나 추가 항목 불러오기 같은 확장 동작을 제공한다.TDS MobileListHeader목록이나 섹션 상단에 제목, 설명, 부가 액션을 일관된 구조로 배치한다.TDS MobileParagraph텍스트에 아이콘, 배지, 링크를 조합해 복합적인 문단을 구성한다.TDS MobileResult작업의 성공이나 오류 결과를 메시지, 시각 요소, 후속 액션과 함께 보여준다.TDS MobileTop페이지 상단의 텍스트, 버튼, 이미지와 여백을 하나의 레이아웃으로 구성한다.TDS MobileListRow 이해하기왼쪽, 본문, 오른쪽 영역을 조합해 다양한 형태의 리스트 항목을 만든다.TDS MobileSplitTextField고정 형식의 데이터를 여러 입력 필드로 나눠 정확하고 자연스러운 입력을 돕는다.Container queries let you write responsive styles based on the size of a container.
.card h2 { font-size: 1em; } @container (width > 700px) { .card h2 { font-size: 2em; } }The Foam extension for VS Code lets you connect Markdown documents and explore them as a graph, much like Obsidian.
You can also build a table of contents that highlights every item currently visible on screen like this.
