FE Tycoon
#React #文章 如何将 ProseMirror 的渲染器从原生实现迁移到 React，并解决了 React 和 ProseMirror 在集成过程中遇到的诸多问题。
https://smoores.dev/post/why_i_rebuilt_prosemirror_view/
https://smoores.dev/post/why_i_rebuilt_prosemirror_view/
#React 学习如何使用 React Three Fiber 创建一个简化版的移动游戏《跳跳路》的克隆版。#ReactThreeFiber #Threejs #JavaScript #TypeScript
https://javascriptgametutorials.com/tutorials/react-three-fiber/crossy-road
https://javascriptgametutorials.com/tutorials/react-three-fiber/crossy-road
JavaScript Game Tutorials
Crossy Road with React Three Fiber
In this tutorial, we learn how to create a simplified clone of the mobile game Crossy Road with React Three Fiber.
#React #文章 文章的核心观点是，Redux 以及大多数其他状态管理库可能已经不再适合现代的 React 开发，尤其是对于普通的 CRUD（创建、读取、更新、删除）企业级应用。作者认为，将应用描述为“全局状态”的方式往往是一种有害的思维模式，不利于模块化和封装。随着 React Hooks 的出现，许多新的状态管理库（如 Zustand、Recoil 等）开始流行，它们提供了更简单直观的 API，但 Redux 依然通过 RTK（Redux Toolkit）和 RTK Query 等形式存活下来。
https://www.bennett.ink/its-probably-time-to-stop-recommending-redux
https://www.bennett.ink/its-probably-time-to-stop-recommending-redux
#开源 #React hCaptcha 组件库，适用于 ReactJS 和 Preact
https://github.com/hCaptcha/react-hcaptcha
https://github.com/hCaptcha/react-hcaptcha
GitHub
GitHub - hCaptcha/react-hcaptcha: hCaptcha Component Library for ReactJS and Preact
hCaptcha Component Library for ReactJS and Preact. Contribute to hCaptcha/react-hcaptcha development by creating an account on GitHub.
#React #开源 现代技术栈 electron-app 模板
https://github.com/daltonmenezes/electron-app
https://github.com/daltonmenezes/electron-app
GitHub
GitHub - daltonmenezes/electron-app: 💅 An Electron app boilerplate with React v19, TypeScript v5, Tailwind v4, shadcn/ui, Electron…
💅 An Electron app boilerplate with React v19, TypeScript v5, Tailwind v4, shadcn/ui, Electron Vite, Biome, GitHub Action releases and more. - daltonmenezes/electron-app
#React #文章 如何在 React Router 中显示 404 页面
https://sergiodxa.com/tutorials/create-show-a-404-in-react-router
https://sergiodxa.com/tutorials/create-show-a-404-in-react-router
#React #文章 将 React 组件树视为状态机模型可以帮助阐明异步更新和 React 并发特性的影响。
https://jordaneldredge.com/blog/transitions-f-of-state/
https://jordaneldredge.com/blog/transitions-f-of-state/
Jordaneldredge
{transitions} = f(state)
Thinking about the React component tree as modeling a state machine can help clarify the implications of asynchronous updates and React’s concurrent features.
#React #文章 讨论了如何在 React Router v7 中优化用户输入触发的请求，避免因快速连续输入导致的多次请求问题。
https://programmingarehard.com/2025/02/24/debouncing-in-react-router-v7.html/
https://programmingarehard.com/2025/02/24/debouncing-in-react-router-v7.html/
Vocs 最小的文档工具发布了第一个正式版，并且支持 #React 19 和 #tailwindcss
https://vocs.dev/
https://vocs.dev/
vocs.dev
Vocs – React Documentation Framework
#React 组件库 9ui是基于baseUI的tailwind组件库，熟悉shadcn的话，一看就是熟悉的味道
https://www.9ui.dev/
https://www.9ui.dev/
9ui
Beautiful, customizable components built with Base UI and Tailwind CSS.
#React react-hook-form现在支持上面提到的标准schema。
https://github.com/react-hook-form/resolvers/releases/tag/v4.0.0
https://github.com/react-hook-form/resolvers/releases/tag/v4.0.0
GitHub
Release v4.0.0 · react-hook-form/resolvers
4.0.0 (2025-02-10)
Bug Fixes
add support for names option (#713) (985c48d)
arktypeResolver: resolve type error when schema is defined from an ArkType scope (#732) (3233667)
handle raw: true option...
Bug Fixes
add support for names option (#713) (985c48d)
arktypeResolver: resolve type error when schema is defined from an ArkType scope (#732) (3233667)
handle raw: true option...
#React 已经正式废弃的CRA，现在可以使用CTA😊
https://github.com/TanStack/create-tsrouter-app
https://github.com/TanStack/create-tsrouter-app
GitHub
GitHub - TanStack/create-tsrouter-app: Create-tsrouter-app is drop-in replacement for create-react-app that builds TanStack Router…
Create-tsrouter-app is drop-in replacement for create-react-app that builds TanStack Router based SPA applications - TanStack/create-tsrouter-app
#React #文章 useSyncExternalStore 实践应用：如何构建 React 库
https://tigerabrodi.blog/how-to-build-a-library-in-react
https://tigerabrodi.blog/how-to-build-a-library-in-react
Tiger's Place
How to build a library in React
Introduction
I built a library that adds selectors to React's context: React Context Selector.
This was a follow up to my blog post where I dive into problems with Context. I concluded that they're just missing selectors. Otherwise, it's all good.
In...
I built a library that adds selectors to React's context: React Context Selector.
This was a follow up to my blog post where I dive into problems with Context. I concluded that they're just missing selectors. Otherwise, it's all good.
In...
#文章 #React react-router 中动态样式表（以前是 Remix）
https://sergiodxa.com/tutorials/load-dynamic-stylesheets-in-react-router
https://sergiodxa.com/tutorials/load-dynamic-stylesheets-in-react-router
