#React

9小时前

React 19.2的新hook，看起来是给useEffect的坑打个补丁

#React #useEffect #hook #bugfix

知识分享官

1周前

没事学点编程小知识⬇️ 什么是虚拟DOM？核心思想：虚拟DOM在内存中快速进行多次计算和比较，但真实DOM只更新了一次，而且只更新了真正变化的那部分。这样就避免了频繁操作DOM导致的性能问题，用户体验也更流畅。 #编程小知识 #React学习笔记

#AI编程：自学or科班？新旧码农之争· 105 条信息

#虚拟DOM #编程 #React #性能优化 #前端技术

2周前

GitHub 上 vadimdemedes/ink 这个库思路不错，用 React 写法来写带交互的命令行工具的库，本身是一个 React 渲染器，应该对应的语法都支持，有点意思。

#GitHub #vadimdemedes/ink #React #命令行工具 #积极

2周前

吃过了 nextjs / react / better auth / stripe / vercel / ai 这些细糠，自然懒得做国内的项目了，备案难，nodejs 生态链也差，关关难过。做国内的项目，其中有两块很烦，一个是登录，另一个是支付，拿这个 nestjs 的微信支付的三方包 nest-wechatpay-node-v3 来说，最初的时候是可以使用的，然后微信今年更改了商户支付这块的逻辑，导致旧包使用直接被 ban，包的作者也停留在早期版本不予维护，导致我只能从源码里面自己改，打包了一个自己使用的版本。国内大多都是 java, php, vue, uni 体系，充斥的大多是商城，管理后台，crm 等项目类型，太重太杂，小程序的体验也拉的要命

#nextjs #React #微信支付 #Nodejs #国内项目

2周前

useEffect 又立功了，Cloudflare 的 API 挂了，这么大的事故，原因竟然是 dashboard 当中的一个 React useEffect 没有写好： “在依赖数组中包含了一个有问题的对象。由于这个对象在每次状态或属性变化时都会被重新创建，React 将其视为“始终是新的”，导致 useEffect 每次都会重新运行。因此，API 调用在单次仪表板渲染中执行了多次，而不是仅执行一次。” 最终 DDoS 了自己。我怀疑这代码是不是 AI 写的。😄😄

#useEffect #Cloudflare API 故障 #React #DDoS #AI代码

𝙩𝙮≃𝙛{𝕩}^A𝕀²·ℙarad𝕚g𝕞

2周前

Shunyu Yao用Tree of Thought来解决ReACT内化问题，1950s的那个年代的人计算思维太牛比了。 NTP天然可以解决会话conversational的，只需要一些instruction following和SFT就行，这似乎说明语言功用天生是其社会解释性，这是直觉。（Alec Radford GPT NTP/语义解析）而利用NTP进入思考空间，则需要CoT轨迹数据进行RLHF/RLVR，思考轨迹数据在commoncrawl是比较少的。DeepSeek的GRPO是个非常smart的RL算法（Jason Wei 验证者定律） NTP语言进入行动空间，则更困难。行动空间在人来说是天生具身的。所以要借助一些符号主义的算法来做agentic LLM。（ReACT/ToT/Shunyu Yao）感觉上LLM agent呼之欲出了，基础已经铸就。 whats next？

#Shunyu Yao #Tree of Thought #React #NTP #LLM Agent

2周前

什么是顶级的思维？简单+通用，做出了ReAct 。交互的创新，做出了SWE Agent 。而且，一行数学公式都没有。作者当然数学能力超强，但做的工作不追求卷，而追求真正的价值，这就是顶级的思维。

#顶级的思维 #React #SWE Agent #创新 #价值

3周前

Vibe Coding 只适合在跑原型阶段，一个功能完整逻辑闭环的项目，如果缺少必须的基础，完成一个商业化的项目是很不容易的。作为一个老程序员，我还是建议年轻朋友，在vibe coding 之余，学习一点基础。前段时间花一天的时间，把react 官方的教仔细的学习并且案例都练了一遍，之后就是慢长达一个多月ai 辅助开发，开发过程，不断的向ai 学习使用 react 技巧和方法，这个过程比较痛苦，但也正说明正在进步中，现在 ai 生成的所有React 代码我都能得懂，也改得动。

AI编程工具激战：Claude Code、Gemini Cli崛起· 906 条信息

#Vibe Coding #React #AI辅助开发 #编程基础 #经验分享

1个月前

写了 React 后，我不愿再与非 React 程序员说话写了 React 后，我不愿再与非 React 程序员说话

#React #程序员 #技术 #社区 #吐槽

1个月前

写了 React 后，我不愿再与非 React 程序员说话

#React #程序员 #技术 #社区 #吐槽

1个月前

在X上试试运气，找份全职的全栈开发工作（偏前端），有没有大佬帮忙捞一下，感激不尽: 目前的技术栈：React(Next.js)/Node.js(Hono)/Postgres(Supabase)，有过三年远程工作经验，近两年主导和负责的三个产品：

#全栈开发 #前端 #React #Node.js #远程工作

1个月前

视频制作的范式要被推翻了！😍 Remotion，一个能让你用 React 代码直接生成 MP4 视频的库。动效、数据可视化、甚至是个性化短视频，都可以用你最熟悉的组件化思维来开发和复用。在 AI 的加持下，Vibe Video Making 也可以出圈了！😜 源码见评论👇

AI视频井喷：Midjourney领跑，多模态混战· 203 条信息

#Remotion #React #MP4视频 #AI #Vibe Video Making

1个月前

知名网页抓取工具 Firecrawl 团队，最近开源了一个功能强大的项目：Open Lovable，短短几天已狂揽了 10.9k Star。只需输入我们想克隆的任何网站链接，它就能在几秒内基于 React 重新生成一个一模一样的网站。 GitHub：主要特性： - 一键克隆任何网站为 React 应用，支持复杂布局和交互 - 支持 OpenAI、Anthropic、Gemini、Groq 等 AI 模型 - 基于 Firecrawl 抓取网页结构，准确还原样式与内容 - 支持本地调试与部署，可实时预览生成结果 - E2B 沙盒环境提供安全的代码执行和测试环境项目基于 MIT 协议完全开源，只需克隆项目代码到本地，配置好相关的 API 密钥即可使用。

谷歌Deep Research：AI操作系统雏形？· 79 条信息

#Firecrawl #Open Lovable #React #网页克隆 #开源项目

1个月前

#每日推荐 lovable的开源版！🔥 在几秒钟内克隆并重建任何网站为现代 React 应用程序～

#开源 #React #网站克隆 #lovable #应用程序

2个月前

今天在推上看到一个小技巧：如果你要为独立开发的产品做产品宣传的 video，但是没有任何视频编辑的经验，可以让 AI 使用 remotion 直接生成一个，Claude Code 或者 Cursor 都可以，remotion 这个项目很有趣，直接使用程序（React）来生成视频，支持多种框架，我之前简单用过，效果挺不错的。你可以让它根据你的 landing page 给你做个片头片尾，然后将你的录屏添加进去，这样就可以使用最低成本制作一个产品宣传的视频了。效果还行，有点像幻灯片，但是聊胜于无啊。

#AI视频生成 #Remotion #产品宣传 #React #低成本

2个月前

我他妈的有个心得体会！！！！现在 LLM 友好的是 React 前端！！！我前面用 Vue3 ！技术选型失败！利用 AI 帮我搞前端，我还要。。。从 React 做参考。。。早知道直接用 React！！！！

AI编程工具激战：Claude Code、Gemini Cli崛起· 906 条信息

#LLM #React #Vue3 #前端开发 #技术选型失败

3个月前

新一期: 如何正确地吐槽 next.js 与 react 最近老是在网上看到很多人对 next.js 和 react 不满，但是喷得又不太对，比较着急。所以直接下场做期节目开喷

#Next.js #React #吐槽 #技术讨论 #网络热点

3个月前

苹果那个液体玻璃效果，React 上也能搞出来。 Liquid Glass React 通过着色器（shader）技术，支持边缘弯曲和折射效果，提供多种折射模式，并且可以配置“霜冻”强度，允许任意子元素嵌套使用，从而实现高质量的玻璃质感界面效果。 Github 👉

#苹果 #液体玻璃 #React #shader #边缘弯曲 #折射效果 #霜冻强度 #嵌套 #高质量界面

3个月前

我在调试 ReAct 的 prompt 的时候，又发现了一个很有趣现象，先讲一下我遇到的问题：我期望模型先分析我上传的代码文件的内容然后再调用 mermaid 画图工具画出流程图，最后来一个总结性的发言。但是遇到的问题是模型把第一步分析漏掉了，直接调用 mermaid 画图工具了，这不是我想要的

#React #Prompt调试 #mermaid #流程图 #代码分析

3个月前

MCP so 秒开优化经验总结👇 1. 底层框架升级新版本升级到了 ShipAny v2，对应组件是 nextjs15 + react19 + tailwindcss4。底层框架升级带来了更好的 SSR 渲染性能，构建效率更高，构建产物体积更小，配合 cloudflare 的 CDN 分发，让静态资源加载速度更快了。 2. 部署方案升级新版本使用 OpenNext 包裹，部署到了 cloudflare workers，跟之前部署在 cloudflare pages 的方案相比，支持 Node.js 运行时，可以使用更加完整的 nextjs 特性，配合 cloudflare 的 KV，R2 等组件，在动态读取数据时效率更高了。 3. 数据索引之前的版本，数据库用的是 supabase，用户每次访问都需要实时读取数据，数据量在增长、公网调用延时高，因为用的是 SSR（服务端渲染，需要读到数据再显示页面），最终表现就是用户打开页面很慢。新版本优化，给数据表建索引，根据数据查询语句创建复合索引，比如 idx_featured_project （type,is_featured,created_at），让读取推荐的 server 或client 数据时速度更快。 4. 数据缓存给数据表建索引只是让从数据库读数据更快了，但是导航站大部分情况是没必要实时读数据的，因此需要加一个数据缓存，减少对数据库的访问。因为部署在 cloudflare，直接使用 cloudflare 的 KV 组件做缓存是最方便的，只需要在 worker 的配置绑定一下 KV，然后通过 set，get 方法存，取数据就行了。比如把从数据库读到的 featured servers 缓存到 KV，设置 1 小时后自动过期，这样 1 小时内这部分数据的读取就只会走 KV，速度更快了。 5. 增量静态再生新版本使用 ISR（增量静态再生）代替原来的 SSR（服务端渲染），主要是在访问页面 page.tsx 里面加上这两行： export const dynamic = "force-static" export const revalidate = 600 dynamic = "force-static" 指示 nextjs 在构建阶段生成静态页面，cloudflare worker 自动把静态资源发到 CDN，用户访问页面走 CDN，速度飞快。 revalidate = 600 指示 nextjs 距离上一次生成静态页面超过 10 分钟就重新生成，这样新产生的数据最多等十分钟就能被用户访问到。 ISR 是秒开的关键。 6. 图片懒加载新版本使用了 react-lazy-load-image-component 这个 npm 包来实现图片懒加载，让图片加载不影响页面渲染，用户打开页面更快。因为没有部署在 vercel，next/image 的很多优化特性用不了，所以选择一个轻量的图片懒加载库，而不是用 next/image。 7. 链接页面预取通过 next/link 替换带链接的 a 标签，自动预取页面，当用户点击链接时，目标页面已经加载好了，就会快速打开新的页面，体验很好。总结： MCP so 通过升级底层框架，配合 ISR，充分利用了 cloudflare 上的 KV，R2 等组件实现数据和静态资源缓存，配合 cloudflare CDN 分发优势，从而实现了秒开。经验可复制性： 1. 如果你的项目是基于 ShipAny 开发的，记得更新 cloudflare 分支的最新代码 2. 如果你的项目是基于 nextjs 的，可以参考 OpenNext 文档包一层，部署到 cloudflare workers 3. 如果你的项目需要频繁读取数据，记得合理添加数据库索引，同时设置数据缓存（Redis 或者 cloudflare KV 之类） 4. 如果你的项目不需要实时展示数据（比如导航站），记得设置 ISR，通过静态构建加速访问，配置 revalidate 时间，增量生成新内容 5. 如果你的项目涉及大量图片/视频等资源，记得压缩资源体积，上传文件存储，通过 CDN 做分发

#MCP #秒开优化 #底层框架 #ShipAny #nextjs #React #TailwindCSS #SSR #CloudFlare #CDN #静态资源 #加载速度 #OpenNext

3个月前

有“专利意识”的程序员强的可怕，好害怕我正在写的 react 也被人申请成专利了…

#专利意识 #程序员 #React #专利申请

不鍊金丹不坐禪

3个月前

拿 DSPy 改造 "Agent as function Tool” 太舒服了8️⃣ 😄，严格结构化工作流型的 ReAct ToolCalling Agent 实现起来可控性非常强。如果作为 MCP（agent as MCP)或A2A的工作流Agent内部实现也很合适。[DSPy]()

#DSPy #agent #Tool #MCP #React #工作流 #A2A #可控性

3个月前

鉴于 Gemini API 这么坑，我已经在 avante.nvim 中让 Gemini 默认用 ReAct 方式调用 tools 了

#Gemini #API #avante.nvim #React #tools

4个月前

React 可视化解析：核心概念的视觉探索

#React #可视化 #解析 #核心概念 #视觉探索

4个月前

没想到降薪的浪潮席卷到我们公司了🥲，最终还是决定谋求一个新的职业发展机会。个人背景 1. 2 年前端开发 & 2年全栈开发 2. 技术栈擅长react | Nextjs |nodejs | Python | fastapi 3. 能从0到1构建完整的web应用 4. 地区珠三角地区均可考虑比较倾向于出海工具类方向或者web3方向或者 AI 方向的均可。如有兴趣的x友可以内推或者有工作机会的请和我私聊！感激不尽！！！

#求职 #降薪 #职业发展 #前端开发 #全栈开发 #React #nextjs #Nodejs #Python #FastAPI #Web应用 #珠三角 #出海工具 #Web3 #AI