本教程中，将使用之前打包发布的下拉组件为例，将它在 React 应用中运用起来。废话不多说，Come on body，let's go body。

尽管 Web Components 可能还没有全面的进入研发者的视野，现在还备受争议，但是它已经被很多大厂已经直接或者间接将它用于实践，并且在市场上也出现了很多 Web Components 库。。。

如何将 Web Components 组件应用我们的实战项目中了？就像 Element UI、Ant Design 那样，这并不是一件难事，Come on body，let's go body。

通过上下两篇实战，我们从 0 ~ 1 实现了一个下拉组件。整个实战回过头来看都是基础知识的实践，没有特别难的地方。之后，我会将实现的下拉的组件提取成一个组件项目发布，在我们的项目中应用起来。

Vite 作为下一代前端的工具链，为开发提供极速的响应。但是当我分析完 Vite整个流程之后，我发现它原来这么简单。

Yarn 和 npm ，殊途同归，都是包管理工具，都是为了进一步解放和优化生产力。但是不管是哪种工具，你应该做的就是全面了解其思想，优劣胸中有数，这样才能驾驭它。

Web Components 已经被很多大厂已经直接或者间接将它用于实践，比如：Twitter、YouTube、IBM等等。这篇文章通过实战，教你如何自己开发一个可用的 Web 组件。

请不要把 Vue 的响应式原理理解为双向绑定哦？很多同学在学习 Vue 时，认为 Vue 的响应式原理是双向绑定。这并不准确，Vue 的响应式是一种单向行为。 这种单向行为只是数据到 DOM 的映射。

key 是给每一个 vnode 的唯一 id，可以依靠 key，更准确，更快的拿到 oldVnode 中对 应的 vnode 节点。