This
TiddlyWiki
contains the following tiddlers:
《34万行代码的 Rails 项目从 webpack 迁移到 esbuild》
🐛 常见错误：GitHub Actions on 中使用 paths 作为过滤条件
🚨lint-staged のよくある間違い
$:/AdvancedSearch
$:/config/ColourPicker/Recent
$:/config/Navigation/UpdateAddressBar
$:/config/Navigation/UpdateHistory
$:/config/NewJournal/Tags
$:/config/NewJournal/Title
$:/config/PageControlButtons/Visibility/$:/core/ui/Buttons/home
$:/config/PageControlButtons/Visibility/$:/core/ui/Buttons/new-tiddler
$:/config/Tiddlers/TitleLinks
$:/config/ViewToolbarButtons/Visibility/$:/core/ui/Buttons/close
$:/config/ViewToolbarButtons/Visibility/$:/core/ui/Buttons/info
$:/config/ViewToolbarButtons/Visibility/$:/core/ui/Buttons/more-tiddler-actions
$:/config/ViewToolbarButtons/Visibility/$:/core/ui/Buttons/new-here
$:/config/ViewToolbarButtons/Visibility/$:/core/ui/Buttons/permalink
$:/config/WikiParserRules/Inline/wikilink
$:/core
$:/DefaultTiddlers
$:/isEncrypted
$:/language/DefaultNewTiddlerTitle
$:/plugins/danielo515/ContextPlugin
$:/plugins/ThaddeusJiang/beauty/macros/img
$:/plugins/ThaddeusJiang/beauty/tags/secret
$:/plugins/tiddlywiki/highlight
$:/SiteSubtitle
$:/SiteTitle
$:/status/RequireReloadDueToPluginChange
$:/StoryList
$:/tags/ViewToolbar
$:/themes/tiddlywiki/snowwhite
$:/themes/tiddlywiki/vanilla
$:/themes/tiddlywiki/vanilla/metrics/bodyfontsize
$:/themes/tiddlywiki/vanilla/metrics/fontsize
$:/themes/tiddlywiki/vanilla/options/sidebarlayout
$:/view
2024-07-12
2025
2025 Frontend 个人思考
2025 应该能关注的流行技术 AI Agents, workflows, MCP
2025-09-26 突然觉得 JS 框架作者也不是什么很厉害的头衔了
2025-10-03 好像对 React 粉转黑了
2025-10-06 《我目前的 vibe coding 分享》
actions/setup-node 自带缓存
Agents.md
AI
Alpha Beta
AppShell
Ash file upload
AshFramework
AshFramework 将会成为新时代的 rails，powered by elixir
AshHQ
AuthZed
AWS SAM Toolkit 无法访问 docker container localhost
BEM CSS
best dark-mode solution
better web UI - PPR
bin/rails 这种管理命令的方式似乎蛮优秀的
Boilerplate Code
Browser-server Model
BtoB Marketing Keywords
Bun
bun repl
Card UI
CheerIO.js
Choices.js
class-validator
Client handling Server-sent events
Client–server model
cloc - Count Lines of Code
cloudflare-tunnel
Code Smell
codegen
coderabbitai
Coding Style Guideline
Colima
Conform
Conform-to/react form.allErrors 和 errors 傻傻分不清楚
Container queries 是现代 CSS 必须掌握的技能
container Tips: 不要使用通用名称 app, data
Context Search
Context7
corepack
CRDT
CSS : overflow hidden
CSS Modules
CSS rules
CSS-in-JS
CSS: flex
CSS: h screen
cursor docs
daisyUI
daisyUI Card
Data fetching
Data sync
Data sync - challenges
data sync 细节
DDD domain 常见的错误
Declarative programming
DeepWiki 学习开源项目的好工具
Deploy Micro-Frontends app to Microsoft Azure
Design System
Devin.ai
DevOps
Dexie.js
Dify
direnv
Docker
docker compose -f 双开
docker compose volumes :delegated
docker container hot-reload
docker desktop 清理资源
docker run app --rm
docker volume
Docker workdir
Dockerfile in local 不需要 npm install
Document
ElectricSQL
Elixir
elixir ash Optimistic Lock
elixir behavior
Elixir Keyword List
Elixir List
Elixir Map
Elixir Struct
Elixir Tuple
elixir 生态的 ActiveAdmin
Elixir 短函数
Elixir 社区
enoteca 敏捷开发 失败总结
files 就近原则
first_make_it_work.JPG
folder naming
Frontend Deep Skills
frontend Devtools
fselect
Full Cycle Developer
Future
GenerativeAI
git status 中文
git 查看差分
GitHub Actions
GitHub actions Cache
GitHub Actions CI=true default
GitHub actions github.sha
GitHub Actions secrets.GITHUB_TOKEN
GitHub Actions Tips: npm install
GitHub actions Upload files
GitHub Actions 先后顺序
GitHub Actions 重复利用
GitHub Merge pull request
GitHub Personal Access Token
GitHub Token
github.githistory.xyz
Google Search Console
GraphDatabase
GraphQL
graphql apollo-client TypeScript
GraphQL client: Apollo GraphQL
GraphQL client: Relay
GraphQL client: URQL
GraphQL clients
GraphQL Tips
GraphQL Tips: 不要使用 .graphql 文件
graphql urql TypeScript
gRPC
Hire people
HTML dataset
HTML script tag with defer and async
images/semantic-color.png
images/TinyBase.svg
images/TJ.jpg
images/URQL.png
images/web-PPR-flow.webp
immer js
IndexedDB
inertia.js 用于 classic server-side routing ↔️ SPA 似乎不错
install vs. copy-paste
Install web app
jotai
jotai example
JS Signals
JS 不需要人工创建 index.js 并二次 export 代码
JS 不需要使用类似 Java 的面对象
JS 字面量对象
JS 社区
JS/TS Frameworks
jscpd - js Copy/paste detector
just
k8s pod
Langflow
launchd（macOS 原生工具）
LiveStore
LiveView
LiveView slot
LiveView 可以使用 JS commands 调用 server
LiveView 的 client-server 通信简单且有效
Local app 必须实现“秒开”
local first app
local first data stack
local-fist 文章
local: docker builder prune 清理构建缓存
local: docker compose 缓解硬盘压力
local: docker container 和 host 保持内容一致
macOS 打开独立开发者开发的 app
macOS 配置存储位置
MCP
mise
Moondream.ai
My AI Coding Agents
My CSS
MyChanged
MyLove
Naming Rule
Nest.js
NestJS
next.config.ts Partial Prerendering (PPR)
Next.js
Next.js Function status
Next.js redirect('/posts')
Next.js revalidatePath('/posts')
Next.js Streaming UI
Next.js Updating Data
Next.js useActionState(createPost, false)
Nitro
No code generation
npm publish CSS
nuqs
Observable
ollama
OmakaseUI
Optimistic concurrency control (OCC)
OptimisticUpdates
OrbStack
playwright mcp
Playwright MCP 自动编写 e2e testing
playwright timeout default 30s
pnpm
pnpm install env.CI=true 不更新 lockfile
point-free style
postgres db docker volumne
postgreSQL://user:password@local:5432/mydb?schema=public
Powersync
Preact
Preview TiddlyWiki 所有 image
Preview: $:/tags/Image
Preview.js
prisma
prisma Optimistic concurrency control
Promise.all 实现 parallel
qwik
RAG (Retrieval Augmented Generation)
rails ActiveSupport::MessageEncryptor::InvalidMessage
rails credentials 管理敏感信息
rails puma foreman
Rails Record scope
rails routes 命名
React
React createPortal
React Render Props
React Router lazy route 可以提高 first page 渲染速度
React Server Components
React state management
React useDeferredValue()
React useId()
React 社区声浪最大的 frameworks
react-charts
react-hook-form
react-hook-form deeply nested components
react-hook-form ErrorMessage
react-hook-form useFormContext
react-nl2br
react-query
react-scan
ReactQuery
Realtime auto-updated UI
realtime Data
Recent
Redwood.js
RedwoodJS
Remeda.js pathOr
Remeda.js pipe example
Remeda.js toCamelCase
Remeda.js 提供 toCamelCase 函数
Remix.run
Remix.run 的 request flood problem
REPL
ruby private
RxDB
RxJS
SaaS: GitHub Release workflow
SASS mixin
Sass-lang
Server Driven UI
Server-sent events
server-side client-side ENV 大不同
shadcn/ui Card
shadcn/ui spacing
single-spa
sqlite 一点疑问
SSG (Static Site Generation)
SSR vs. Embedded Template
Storybook
super-linter
SurrealDB
Svelte
Svelte - 不采用
svelte store
Svelte: the component runs once
Sync data
TanStack
Tanstack DB
TanStack Router
Tech Interview
tech 失去恐惧症
TechRadar
TechRadar/平台
TechRadar/心动
TechRadar/放弃
TechRadar/暂缓
TechRadar/试验
TechRadar/采纳
Test Tips: 如果测试前需要编写各种 mock，那肯定是错了
ThoughtWorks
TiddlyWiki
TiddlyWiki 插入图片
TiddlyWiki $transaclude Widget
TiddlyWiki Block Quotes
TiddlyWiki Cascades
TiddlyWiki Concepts
TiddlyWiki delete tiddlers
TiddlyWiki Dev
TiddlyWiki list-links
TiddlyWiki Macro
TiddlyWiki Macro Example
TiddlyWiki Macro 🆚 Widget
TiddlyWiki render Tag UI
TiddlyWiki secret
TiddlyWiki Tag 使用
TiddlyWiki Widget
TiddlyWiki 使用变量
TiddlyWiki 批量管理 tags
TiddlyWiki 显示 Tags
TiddlyWiki 检查特定 tag 并显示 your-tiddler
TiddlyWiki 通过 $:/tags/viewTemplate 扩展 UI
Tidewave.ai
TidldyWiki 官方使用 macro 自定义 UI Component
TinyBase
TJ_edu
TJ_must
TJ_REC
TJ_技术追求
TJ: 复杂项目不要使用 static files 部署 frontend
TJ/heart.svg
TODO: 外部 link 如果已经 404，显示一个小 icon
transclude.png
Turso
tw5-lego/indexed-tiddlers
tw5-lego/repeat-history
tw5-lego/tag-renamer
tw5-lego/tagged-tiddlers
tw5-lego/tiddler-count
tw5-lego/wikipedia-link
TypeScript accepted values 类型安全，例如： sortOrder asc desc
TypeScript any vs. unknown
TypeScript checklist
TypeScript enum
TypeScript enum 超酷定义
typesence
Typesense
Typesense facet 类似 RDB group_by 功能
Typesense 不支持 RDB 的 join 操作
UI Hydration
UI Streaming
UI unit test 顶级理解
UI 秒开
UI: app shell
UI: state management
unstated
Use Bun
Use Elixir
Use LiveView
Using Composition to Avoid "Prop Drilling"
valibot
vercel-ppr.webp
Version managers
Vibe Coding guidelines
vim shortcuts - 进阶
vim 快捷键 - 基本
VirtualList
Vitest 测试 Date
VSCode 配置 readonly
VSCode 项目推荐扩展 .vscode/extensions.json "recommendations"
Web Frontend Performance
web frontend: 正式项目 form helper 是必须的
web number input CSS
Web Stack in Desktop
web-number-input-default.png
WebSocket
Welcome
What I can do
WhoDB
wretch
ws js
XR
xstate
Zeabur
Zero JS
zod
Zod .enum
zod literal vs. enum
zod/v4
zod/v4 支持生成 JSON Schema
不同语言的命名习惯之“参数列表”
不建议：默认选择 SPA
不要 export default
不要使用 SCSS 和 CSS-in-JS
不要编写嵌套 CSS
不要采用 BEM CSS
为什么不推荐使用 npm 安装 CLI？
乐观锁
什么是 SEO
使用一些容易输入的前缀可以提高效率
依赖注入风格的问题
停止使用硬编码多语言翻译
关于 CICD 的过度设计
关于 DDD （Domain Driven Development）
其他链接
再推荐 grep.app
准则
刀耕火种
别再好为人师
可以在 GitHub workflows 中直接写
基于 URL 的状态管理
基于 version 的 db update
声明式
外部 library
如何查看 docker image 内部文件系统？
如果不是被屎山代码折腾的没有状态了，我也不会摆烂使用 any
小团队不应该使用“计费复杂的” Services
心智负担
我写 JS 从来不写 class，我没有遇到不使用 class 不行的需求
我发现 SEO 不像一份技术工作，更像一份体力活
我心中的技术水平等级
我期待 client-server 通信就像函数调用（functions call）一样简单
拒绝咬文嚼字
拒绝被工具锁定
敏捷开发
是否要尝试 Cursor Dev Containers
服务器端驱动 UI
环境管理 dev test stag prod mask
等待 React 的 jQuery 时刻
简单性是一种优点
类型体操
纠结-到底应该如何管理自己文字
草稿：我分析了 Browser History
软件领域的项目管理
过早优化
通过调整 GitHub actions 出发条件，节省 90% Claude Code 费用
露营地规则（Compsite Rule）
非社交类应用