ChlorineC's Blog

本文探讨了前端开发的简化方法，对比了前后端分离与全栈开发的优劣，并介绍了alpine.js、htmx等轻量级工具和Web Components技术，旨在返璞归真，减少前端工程的复杂性。

文章探讨Node.js中ESM与CJS模块解析，分析ts-node兼容性问题，提供配置tsconfig.json和package.json以避免模块解析错误的方法。

简单总结我前端的入行过程和在2023年底这个节点对整个Web前端生态与未来的思考。

Windows 11 23H2的Windows Dev Home是一个新的开发者中心，提供了一些功能来改进Windows开发。此外，Windows 11 23H2还提供了Dev Drive，这是一个基于ReFS的新存储卷，具有性能提升和数据可靠性。在基准测试中，发现ReFS在开发命令下性能更好，平均领先幅度为5秒左右，但NTFS的性能也相当不错。总的来说，Dev Home和Dev Drive对于Windows开发者来说是有一定帮助的。

此前作为一个SSR一窍不通的小白，最近从目的出发研究了SSR的机制和在React中的实现。跟着这篇博客你可以理解现代SSR（同构渲染）是什么，为什么需要SSR以及SSR框架是如何实现的（非底层）。

最后，我们将一起动手创建一个简单的SSR框架，来理解之前提到的那些概念。

原文：useCallback Might Be What You Meant By useRef & useEffect

在React中，useRef和useEffect是常用的钩子函数，用于不同的目的。

useRef通常用于保存在组件渲染之间持久存在的可变值，而useEffect用于执行诸如数据获取、订阅或DOM操作等副作用。

然而，当涉及对React元素挂载做出响应时，有一个更好的选择：useCallback。

今天写需求的时候被mentor敲打了，说随便用useCallback不好，但没有细说原因。此前在跟其他老哥交流的时候也告诉我说能不用就不用，我也很好奇为什么，这里就来好好深究一下useCallback和useMemo，以及它们到底应该在什么情况下使用。

本文探讨了redux的发布-订阅模式的实现，以及与原生的useContext和useReducer方案的区别。redux的发布-订阅模式采用了subscription实例来订阅store的消息事件，并通过notify通知所有订阅了它的Subscription实例，从而实现了按需刷新，避免了意外组件更新。与观察者模式不同，redux的发布-订阅模式是解耦的，订阅者和发布者之间无需直接联系。此外，文章还介绍了redux的API实现和Hook API的用法，包括useSelector、useDispatch和useStore等。

📌 本文介绍了终端在程序开发流程中的重要性，并探讨了如何打造趁手的终端体验。文章讲解了Shell基础、Terminal和Shell的关系、什么是Prompt、Prompt工具的使用以及Profile配置文件的作用。针对Powershell的改进，作者提出了使用starship作为Prompt工具的方案，并介绍了Powershell 7的新功能。此外，文章还介绍了在macOS上配置开发环境的方案，包括使用zsh + oh-my-zsh、iterm2主题和tmux等插件来提高终端生产力。（Summarized By ChatGPT）