FE Tycoon
#文章 关于如何使用TypeScript发布基于ESM（ECMAScript模块）的npm包的教程文章。
https://2ality.com/2025/02/typescript-esm-packages.html
https://2ality.com/2025/02/typescript-esm-packages.html
#文章 富文本编辑器怎么选择？虽然文章夹带私货，但是对比了大多富文本库
https://liveblocks.io/blog/which-rich-text-editor-framework-should-you-choose-in-2025
https://liveblocks.io/blog/which-rich-text-editor-framework-should-you-choose-in-2025
liveblocks.io
Which rich text editor framework should you choose in 2025? | Liveblocks Blog
Looking to integrate a WYSIWYG editor into your JavaScript app? This comparison dives into the best frameworks available, including Tiptap, Lexical, BlockNote, and Slate.
#文章 js分解长任务的方法
以下是文章中提到的几种方案：
1.
通过递归调用
2.异步/等待+定时器
利用
3.
使用
4.
通过
5.
利用
6.
通过
7.Web Workers
将任务移至主线程之外的Web Workers中执行，完全避免阻塞主线程，适合可以离线处理的复杂任务。
https://macarthur.me/posts/long-tasks/
以下是文章中提到的几种方案：
1.
setTimeout()+递归通过递归调用
setTimeout()，将任务拆分成多个事件循环的tick，避免长时间阻塞主线程。2.异步/等待+定时器
利用
async/await结合setTimeout()，简化任务拆分逻辑，避免递归，代码更简洁易读。3.
scheduler.postTask()使用
Scheduler接口的postTask()方法，以更高效和可控的方式调度任务，支持设置任务优先级。4.
scheduler.yield()通过
Scheduler接口的yield()方法，在任务执行过程中释放主线程，让浏览器有机会处理其他任务，保持响应性。5.
requestAnimationFrame()利用
requestAnimationFrame()在浏览器重绘周期之前调度任务，适合与渲染相关的任务，但可能影响渲染性能。6.
MessageChannel()通过
MessageChannel实现任务拆分，类似于零延迟的setTimeout()，但实现较为复杂，适合对性能要求较高的场景。7.Web Workers
将任务移至主线程之外的Web Workers中执行，完全避免阻塞主线程，适合可以离线处理的复杂任务。
https://macarthur.me/posts/long-tasks/
Alex MacArthur
There are a lot of ways to break up long tasks in JavaScript.
It's very common to intentionally break up long, expensive tasks over multiple ticks of the event loop. But there are sure are a lot of approaches to choose from. Let's explore them.
#开发工具 Github 拉取代码仓库，账户密码的方式不可用了，推荐的方式是创建并管理身份凭据，管理方式有：
1.
2.
https://docs.github.com/zh/get-started/getting-started-with-git/caching-your-github-credentials-in-git
1.
brew install gh2.
brew install --cask git-credential-managerhttps://docs.github.com/zh/get-started/getting-started-with-git/caching-your-github-credentials-in-git
#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
#文章 #Motion 集成 radix
https://motion.dev/docs/radix
https://motion.dev/docs/radix
motion.dev
Integrate Motion with Radix | Motion for React (prev Framer Motion)
Learn how to animate Radix components with Motion for React. Easily add layout, exit and spring animations to your Radix components. With live code examples for Tabs, Tooltip and more.
#文章 AI大环境下的程序员自身讨论
https://nmn.gl/blog/ai-illiterate-programmers
https://nmn.gl/blog/ai-illiterate-programmers
N’s Blog
AI is Creating a Generation of Illiterate Programmers
A couple of days ago, Cursor went down during the ChatGPT outage. I stared at my terminal facing those red error messages that I hate to see. An AWS error glared back at me. I didn’t want to figure it out without AI’s help. After 12 years of coding, I’d somehow…
#网页工具 多平台帖子发布工具
https://github.com/leaper-one/MultiPost-Extension
https://github.com/leaper-one/MultiPost-Extension
GitHub
GitHub - leaper-one/MultiPost-Extension: A browser extension that helps users publish content to multiple social media platforms…
A browser extension that helps users publish content to multiple social media platforms with one click. - leaper-one/MultiPost-Extension
![对 DeepSeek R1 的科普 [译]](/static/https://cdn4.telesco.pe/file/YT_mYAQ13KR7Xyx-Ie1Eh87ndyh-l8piBVweJcwRL7kfvTepWgUF5lGuX8jtJNotEDcvp-JtLRnv821w1kL7Bl1MqfM1qzqgagEkSSux0JOC43B6wMJXS2nUN_b65DQhlKrwjARs6GmaZx16cR46BDfGVwoSqSm11PZtX1o4suZgjPzO867kBCfrrLV_hXGqaVhhUwB_f2iLIvkSgDLLPhuTO5oAKNh_p-_KRVUhfnWQvnDaslDPLtBOaM9cx3zE34lXScCZi67jIvJ3JnvCfP6IeWQba1ELRenwSqQZKnM6VodXUwUU87iTOgCgZHXhMuuU3lLoG48cK55gzBLJuA.jpg)
