react服务端组件
发表于|更新于
|浏览量:
过分的赞美,对于心智是有害的。——克雷洛夫
相关博客如下:
Introducing Zero-Bundle-Size React Server Components – React
仓库地址:
https://github.com/reactjs/server-components-demo
这是一个使用服务器组件构建的Demo应用,服务器组件是一个实验性的 React 功能。我们强烈建议在浏览此演示之前观看介绍服务器组件的演讲视频。该视频包括演示代码的流程,并重点介绍服务器组件如何工作以及它们提供的功能的关键点。
使用node18+,进入Demo
1 | npm install --legacy-peer-deps |
此处再运行Docker,运行数据库环境
1 | docker-compose up |


随便写写

相关推荐
2021-04-02
el-input-number阻止外层button的冒泡
取法于上,仅得为中;取法于中,故为其下。一一李世民《帝范》 我这里有这样一个按钮 123<el-button @click="randomChoose" type="success" size="small"> 选择<el-input-number controls-position="right"></el-input-number>个</el-button> 效果如下 我们发现点击右边上下去增加减少中间个数的时候,也执行了我们上边按钮绑定的randomChoose 函数 但我们想要加上阻止冒泡却加不上 这里其实。。需要在外层再加上一个span或者div标签,再到这个span标签上加上阻止冒泡才可以生效 1234567<el-button @click="randomChoose" type="success" size="small"> 选择 <span @c...
2026-05-17
supersplat
必须和实际社会接触,使所读的书活起来。——鲁迅 SuperSplat:一位住在浏览器里的「3D Gaussian Splats 编辑师」如果你见过 3D Gaussian Splats(3D 高斯泼溅/点云式渲染的一种表达),你大概也见过它们那种“我明明是 3D,却又像光一样铺开”的气质——它们不吵不闹,但特别能打。 而 SuperSplat Editor 就像一位穿着工装、兜里揣着扳手和放大镜的编辑师:它会认真地把每一片 splat 拿起来看看,轻轻掸掉不必要的负担,帮你修修补补,再把作品打理到可以“发布见人”的状态。 它的自我介绍很直接: 免费且开源 专门用于 inspect / edit / optimize / publish:检查、编辑、优化、发布 3D Gaussian Splats 基于 Web 技术,直接在浏览器里运行所以它会很自豪地说:“不需要下载,也不需要安装。” 先见一面:在线版本在这里SuperSplat 很热情,直接把自己的在线编辑器地址递到你手里: https://superspl.at/editor ...
2025-10-21
immich
运筹帷幄之中,决胜千里之外。——司马迁《史记》 https://github.com/immich-app/immich Immich:高性能开源自托管照片&视频管理系统——你的私人 Google Photos 替代品在数字时代,照片和视频见证着我们的生活点滴。但随着数据量激增、隐私意识提升,越来越多的人开始厌倦“云厂商锁定”,渴望拥有一个属于自己的、高效、安全的照片与视频管理平台。Immich,正是当前全球最火爆的自托管多媒体管理新秀,它不仅是“Google Photos 的开源替代”,更是极客与家庭用户的首选新宠。 一、项目简介 项目地址:immich-app/immich 官网:https://immich.app 一句话描述:High performance self-hosted photo and video management solution. 主语言:TypeScript(前后端均现代技术栈) Star:81,736+ Forks:4,296+ License:AGPL-3.0 标签:self-hosted photo-gallery ...
2022-07-12
teleport
你之前学了啥跟你以后能学啥没有什么本质联系——尤雨溪 顾名思义,teleport汉译过来就是传送的意思 官方文档:https://v3.cn.vuejs.org/guide/teleport.html#teleport 它可以将我们的元素传送到指定地点: 例如我们要实现一个挂载在body上的模态框,就可以使用teleport: 12345678910111213141516171819202122232425262728const app = Vue.createApp({});app.component('modal-button', { template: ` <button @click="modalOpen = true"> Open full screen modal! (With teleport!) </button> <teleport to="body"> <div v-if=&quo...
2024-12-31
china_regions
微微怪时间不能保存情绪,保存那一切情绪所曾流连的境界。——《你是人间的四月天》 Github: https://github.com/wecatch/china_regions官网: LocationDemo 最近在处理一些需要中国行政区划数据的项目时,发现了一个非常实用的开源库——China Regions。这个库由 WeCatch 团队开发,提供了中国完整的省、市、区三级行政区划数据,所有数据都以JSON格式存储,非常适合用在表单、下拉菜单、地图等需要行政区划的场景中。 安装非常简单,如果是Python项目,直接使用pip安装就可以了。运行以下命令就可以把库安装到项目中: 1pip install china-regions 安装好之后,使用也很方便。数据以树状结构存储,可以很轻松地查询某个省份下的城市,或者某个城市下的区县。如果需要更高效的查询,可以将数据导入到数据库中,比如MySQL或者MongoDB,官方文档中也提供了完整的SQL脚本和样例代码。 使用过程中最直观的感受就是,这个库的数据非常干净,没有冗余信息,而且会定期更新。如果你需要最新的行政区划调整,比如某些...
2024-07-23
mdn学习web游戏开发
坚持自己的本分,保持沉默,这是对中伤最好的回答。——华盛顿 链接如下: Web 游戏开发简介 - 游戏开发 | MDN 你可以按照教程完成完整的小游戏开发 例如 使用纯 JavaScript 的 2D 闯关游戏 2D breakout game using pure JavaScript - 游戏开发 | MDN 使用 Phaser 开发 2D breakout game 使用 Phaser 开发 2D breakout game - 游戏开发 | MDN 具有设备方向的 2D 迷宫游戏 2D maze game with device orientation - Game development | MDN 以及使用 Phaser 的 2D 平台游戏 HTML5 Games Workshop - Start here

阿超
我的名字叫阿超 年龄25岁 家在北京市 职业是软件开发 每天最晚也会在八点前回家 不抽烟 酒浅尝辄止 晚上十二点上床 保证睡足八个小时 睡前写一篇博客 再做二十分钟俯卧撑暖身 然后再睡觉 基本能熟睡到天亮 像婴儿一样不留下任何疲劳和压力 就这样迎来第二天的早晨 健康检查结果也显示我很正常 我想说明我是一个不论何时都追求内心平稳的人 不拘泥于胜负 不纠结于烦恼 不树立使我夜不能寐的敌人 这就是我在这社会的生活态度
Follow Me公告
This is my Blog