React作为前端最流行的框架之一，引领了前端开发潮流。从16.8版本之后推出了React Hooks，让我们可以通过函数组件就可以来实现class组件所有的特性，例如组件状态声明，拥有组件独有的生命周期等等

Hot Module Replacement（简称HMR）模块热更新，现代构建工具和开发必备的特性，能够监听文件修改，把改动的代码重新打包后发送到浏览器，在不刷新浏览器的情况下替换变更部分内容。

为了减少对 npm 包的安装频率，还有避免本地安装 node_modules 包，webpack开发团队想出了一个解决方案，能否将第三方库放到网络上单独部署，如果项目需要使用再从该库的地址上直接拉取下来使用，这样就不需要通过 npm 来安装，更新指定依赖包，也方便实时保持库的新版本。感觉有点类似以前通过 cdn 引入第三方js库的感觉

create-react-app（以下简称CRA）提供了webpack常用配置的封装，使用起来非常方便，通过CRA可以快速创建项目模板就可以直接运行，只需要运行以下命令初始化项目

Oh my posh，支持了 Windows、GNU/Linux（WSL）、macOS 三个系统上的 PowerShell、bash、zsh 等终端，可以让你的终端超级好看

React每一次大的版本更新都来带来一些新的概念或者专有名词，在React16之后带来了很多新的特性，例如hooks，ErrorBoundary，新的Context实现方案，fiber等等。本文主要针对react fiber做一个简单的介绍

现代的浏览器原生支持运行模块化的功能，不需要通过 Webpack，ESbuild 等工具构建打包。例如现在的 Vite 就是利用了浏览器支持原生模块的特性，才能够在启动的时候不需要提前编译。本文将介绍下如果在浏览器运行原生模块

每一款好的产品都必须要做的事情就是持续优化和输出用户想要的功能，提供给用户好的印象和使用体验，这样用户的留存率才能越高。在技术层面上看，需要采集用户的行为，性能相关数据和应用运行时的错误信息，才能对产品持续优化，形成更好的产品

vue框架提供了前端开发组件的思想，可以通过组件来组合成一个完整的页面，都是随着组件数量原来越多，组件之间难免需要相互通信，那么如何实现组件之间的通信呢？下面介绍vue组件通信的几种方法