何为脚手架 脚手架做为前端基建的一环，大家熟知的有比如vue-cli, @vue/cli, create-react-app, vite还有其他很多社区的脚手架。通过这些脚手架我们可以很快的生成需要的

尽管目前社区上已有很多优秀的脚手架工具，手搓脚手架的相关文章也层出不穷，但我今天想要带来的是一个全新架构设计的脚手架：Create-Neat！

npm 缺点 npm 的依赖扁平化机制 在 npm v3 及以后版本中，当我们执行npm install安装依赖包时，npm 会采用依赖扁平化策略。以安装axios为例，npm 不仅会安装axios本

css modules 什么是 css modules 因为 React 没有Vue的Scoped，但是React又是SPA(单页面应用)，所以需要一种方式来解决css的样式冲突问题，也就是把每个组件

React 的是一个由组件驱动的 UI 框架，JSX 以及 React Hook 都是其首创的先进理念。经过多年的发展，React 拥有一套非常庞大的生态系统，不过这也导致从其他库/框架转过来的开发人

React18 好像从现代社会走入原始社会，又走了回高数发展发展的今天2025。现在的我还有点回味在Vue3业务思维中，还没法适应React18 那种处处有DOM/JS身影中。但是还是写点东西迎接一下

useMemo 是 React 中一个非常有用的钩子，主要用于优化性能，避免在组件重新渲染时重复计算昂贵的值。以下是一些典型的使用场景和示例，展示了如何有效地利用 useMemo。

useSyncExternalStore useSyncExternalStore 是 React 18 引入的一个 Hook，用于从外部存储（例如状态管理库、浏览器 API 等）获取状态并在组件中同