React 核心机制:State、Props、Effect 与组件身份
React 核心机制:State、Props、Effect 与组件身份
C++ · Qt · Linux · Web · AI
记录真实开发过程中的选择、错误、验证与复盘。
按发布时间更新的工程记录。
React 核心机制:State、Props、Effect 与组件身份
TypeScript 和 Zod 都与“类型安全”有关,但它们工作的时间和对象完全不同。
一句话概括:
TypeScript 在编译阶段检查代码,Zod 在运行阶段检查真实数据。
学习 JavaScript 时,最容易混淆的是语言、运行环境和开发工具。JavaScript 规定变量、函数、 […]
我把一个前端项目的渲染层从手写 DOM 换成了 React,业务逻辑一行没改。这篇讲的不是 React 怎么用(那是上一篇),而是「换掉一层」这件事本身该怎么做才算做对——以及验收标准为什么不是「新代码能跑」。中途还撞到一个有意思的坑:验证工具自己把被测对象弄脏了。
这篇讲 React 最核心的那个转变——你不再动手改页面,而是描述页面该长什么样。从声明式渲染讲到 JSX、组件、Props、State、事件和列表 key。零基础可以顺着读;写过原生 DOM 的同学建议重点看第一节和第五节。
如果你写过一点 JavaScript,被 undefined 的报错折磨过、被拼错的属性名坑过,那么这篇是给你的。我们不背语法表,而是把 TypeScript 想成一件事——给代码里的每样东西,提前贴一张写清楚「它是什么」的标签。
导读:这篇讲 ES Modules 怎么把隐式依赖变成显式声明,怎么按依赖方向把代码分层,以及为什么分层之后测试突然变得好写了。最后两节是真实案例——一个查表函数在特定输入下会返回一个函数而不是文案,另一个计数器会把数字拼成字符串。基础同学可以顺着读,有经验的同学可以直接跳到第六节看那个坑。
写代码时循环播放的声音。