用於記錄一些本周閱讀過的文章、看過的影片、待讀的清單以及其他內容。
News
- Geist Vercel 為開發者和設計師設計的字體 Geist
- Monaspace Github 設計的 Coding 字體 Monaspace
- Youtube’s Anti-adblock and uBlock Origin
- 伊隆·馬斯克的人工智慧服務 Grok 被前夥伴諷刺 ! 讓馬斯克真的怒了
- 華為鴻蒙宣佈不再支援安卓程式 中國科技業紛力挺配合推出鴻蒙版程式
Front-end
- A Better Frontend Component Structure: Component Trees
- Kruno: How browsers work | JSUnconf 2017
- 浏览器渲染页面的流程
UI/UX
- Risk tolerance: why some countries prefer more complex UIs
- Sheet, dialog, or snackbar — what should a designer go for?
- How to Make Any Information-Heavy Design Look Less Busy
- Checkbox UI design inspiration
- Base design system
- Transition animations: a practical guide
CSS
- Why You Should Use px Units for margin, padding, & Other Spacing Techniques
- Totally remdom, or How browsers zoom text
- Don’t Use Fixed CSS height or width on Buttons, Links, or Any Other Text Containers
JavaScript / TypeScript
- Simple Screen Recorder in 20 lines of JavaScript
- 13 Amazing And UseFul New JavaScript Features From ES2021 to ES2023 ES2021~ES2023 的一些 JS 新 API，都是很常會用到的
- You’re Doing Type Validation Wrong: A TypeScript Guide to Runtime Validation 關於 TS 驗證型別的一些內容
- Stop using nested ifs. Do this instead 不要過多嵌套 if
- JavaScript Proxy Pattern (Proxy & Reflect)
React / React Native
- usehooks-ts 使用 TS 寫的 React hooks 庫
- 3 Easy React Native Transition Animations with Moti
- react-native-windows
- react-styleguidist React 的組件指南工具，類似 Storybook
- Setting Max Width When Supporting Web and Mobile in React Native
- Detecting and Handling Memory Leaks in React Native Apps
- Enhancing Performance on React Native Apps: A Comprehensive Guide
- React Js Clean Code Guide
- React JS State Management in 2023: Is Redux Still a Go-To Choice?
- Mastering SOLID Principles in Just 8 Minutes!
- 深入 React 生命周期 #34
