申请早期访问

用大模型学新技术栈

不打断主线的深入。

一段解释里冒出五个你不认识的名词。追问,主线思路就断了;新开一个会话,背景又得从头讲一遍。Tangent 让你岔出去问,问完回来。

Tangent 学习中 · Next.js App Router

Next.js App Router 里的 Server Components,和以前的 SSR 到底不一样在哪?

模型

↑ 上面是真的能用的:自己打一个问题发出去,或者点画虚线的词、选中任意一段文字。卡片能一层层钻下去,Esc 一步回到主线 —— 全程主线一个像素都没有动

你大概遇到过

问题不在模型答得好不好。

在原会话里追问

主线思路被打断。聊着聊着,忘了自己本来想学什么。

新开一个会话问

上下文全丢了。为了问一个词,先花三段话解释背景。

在 Tangent 里

岔出去问一下,然后回到主线。有主干,有方向,有回归。

打断的是注意力,不是模型。

模型完全记得住你聊过什么。真正丢掉的是你自己的那根线 —— 所以要修的是「问一下」这个动作,让它不再需要你离开原地。

用起来是什么感觉

三件事,前十分钟就能感觉到。

01

不认识的词已经标好了

模型一边回答一边把专业名词标出来,点一下就问。没被标到的地方,选中任意一段文字也能问。

…浏览器再做一次 hydration,把状态和事件绑回
去,这份代码因此必须进 client bundle解释「client bundle」
02

可以一直往下问

解释里又冒出新词?接着点。钻多深都行,回主线永远是一步 —— 按一下 Esc

hydration
client bundle
tree shaking ← 当前
钻了 3 层 · Esc 回到主线
03

问过的词会留下来

顺手存进术语本,攒成一份只属于你的词表。它不是给你看的收藏夹 —— 后面会主动回来找你。

Suspense boundary今天
RSC Payload今天
hydration2 天前
client bundle2 天前

你会注意到的一件事

问完之后,你还在原来那句话上。

这是整个产品最要紧的一处手感。你点开一个词、往下钻了三层、把它存进术语本 —— 然后关掉。原来那段话还在你眼睛正对着的位置,没滚动、没跳动、没被挡住。你不需要重新找回自己读到哪了。

解释默认只有两三句,看完就走。想深挖再展开 —— 因为一段过长的解释本身就是一次新的打断。

点开一个词主线不动
往下钻三层主线不动
存入术语本主线不动
按 Esc 关掉回到原句

上面那个演示就是照这条做的 —— 你可以自己试着钻深一点再退出来。

问完之后

聊完就散,学过的词就白问了。

你当时懂了,三天后照样忘。Tangent 会把存下来的词按遗忘曲线送回你面前 —— 先只给词,你自己回想,翻面看解释,然后诚实地评一下:忘了、模糊、记得。

评「忘了」明天就再见;评「记得」隔九天再来。回访节奏跟着你的掌握度走,不是固定日程。

复习 1 复习 2 复习 3 时间 → ↑ 还记得的程度 不复习
示意图 · 非实测数据

回访卡 · 来自你的术语本

上次自评:模糊 · 3 天前 先自己回想 —— 点一下翻面
你当时存下的解释

服务端发来的 HTML 是「死」的:有结构、有文字,但没有事件。hydration 就是浏览器把同一份组件再跑一遍,把状态和事件绑回这些已有的 DOM 上。

写代码的人会额外拿到

两件只有程序员才需要的东西。

解释一个技术概念,光靠文字往往不够 —— 还得看到它在代码里长什么样,以及这个写法今天还算不算对。

指着代码告诉你在哪

程序员

一段能跑的代码胜过三段话。问 hydration,卡片给的不只是定义,还有一行标出「就是这里」的代码。

'use client'                // ← 这个文件会进 client bundle

export function Counter() {
  const [n, setN] = useState(0)   // ← hydration 在这里
  return <button onClick={() => setN(n + 1)}>{n}</button>
}

这个写法今天还对吗

程序员

刚入门最容易被坑的就是过时写法:问 Next.js 拿到 Pages Router,问 React 拿到 class 组件 —— 而这时候你恰恰分辨不出对错。每张卡片都写清它基于哪个版本。

每张卡片底部 · 始终可见
本解释基于 Next.js 15 · React 19

碰到这几个高频陷阱会额外提醒你:
Pages Router 写法 · getServerSideProps · class 组件生命周期

先把主线守住。

正在开放早期访问,首发面向转行和入门新技术栈的程序员。

名额按批次开放 · 不发营销邮件