type
status
date
slug
summary
tags
category
password
Date
Free
Free
Link
xhsContent
Price
xhsTitle
🌈 I feel
icon
整天工作的人，是发不了财的。财富是对认知的补偿，而不是对勤奋的奖赏。
——洛克菲勒
 
 

👟 Articles

📖 Title: React Server Component;
🔗 Link:https://www.joshwcomeau.com/react/server-components/?ref=web-design-weekly.com
👍 Some Contents
  • SSR 的代码会在服务器和客户端各运行一一遍；但是类似getServerSideProps不会在客户端运行，相当于服务器的render填充了默认的state等参数；然后下载js进行水合；getServerSideProps；缺点是无法进行路由级别的SSR，导致水合成本的js很大；
notion image
ServerComponent:永远不会重新渲染，服务端渲染完就插入到客户端HTML的制定位置中了；
notion image
ClientComponent也要在服务器运行：
notion image
客户端组件只能引用客户端组件：
notion image
比如导航栏支持的功能从DB获取，然后返回位Server Component, 用户可能就可以提前点击a标签跳转了，比如代码高亮组件等，都可以用来做RSC；
Server Component渲染完后会有一段script告诉React 程序，在重新渲染的时候直接拿出来用；
notion image

📱 Products

🍞 name: NoteAI-AI问答系统(带引用);
🔗 link: https://noteai.com/answer/6504116d55cc8a85bbded5f1
📖 desc:
notion image
 
🍞 name: web浏览器权限调起测试；
🔗 link: https://permission.site/
📖 desc:
notion image
 
🍞 name: canvas引擎对比；
🔗 link:
📖 desc:
notion image
 
🍞 name: 开源白板应用tldraw；
🔗 link: https://www.tldraw.com/
📖 desc:
notion image
 
 
 
 
 
 
 
 
上一篇
编写language parser教程；supademo-产品演示交互生成；useanimation-基于Lottie的icon动画库;Rivet-可视化流程展示chat过程IDE；elementor-开源nocode构建器；aidea-开源免费的大模型集成；openai-translator翻译插件；achive.ph-解禁需要会员的webpage; Querio-AI 对话查数据库生成图表;FusionArt AI-AI 螺旋画；在React中使用worker;
下一篇
AI Image Mixer;