了解 SSR？那我考考你 hydrate 该怎么翻译？
关注「前端向后」微信公众号，你将收获一系列「用 💖 原创」的高质量技术文章，主题包括但不限于前端、Node.js以及服务端技术 React CSR：水车模型 当初在理解 React CSR 时做过一个比喻，把单向数据流比作瀑布模型： 瀑布模型：由props（水管）和state（水源）把组件组织起来，组件间数据流向类似于瀑布。数据流向总是从祖先到子孙（从根到叶子），不会逆流 （摘自《深入 React》） 单组件的微观视角下，我们把props理解为水管（数据通道），接收外部传递进来的数据（水），每一份state都是一处水源（想象泉眼冒水，即产生数据的地方），将这棵通过props管道连接而成的组件树立起来，就形成了自上而下的水流（瀑布）： 想象上图整面瀑布墙上有无数的泉眼，state值顺着props管道流淌 从更宏大的视角来看，组件树就像是一系列竹管连接起来的水车，数据是水源（state、props、context以及外部数据源），水自上而下地流经整个组件树到达叶子组件，渲染出漂亮的视图 先通过一张图来感受竹管输水： 再感受水源以及水车整体的运转： 左侧的小桶就是外部数据源，随时舀起一瓢灌...
