前言

技术和架构方案不同，技术可以凭空出现突然爆火没有征兆。但方案或架构一定是为了解决某个问题而出现的，实践之前，请务必先要去搞清楚它是否可以解决当前问题，再者调研是否适合团队，考虑工程价值与产品价值，请不要盲目追求。

Serverless

定义

Serverless 至今还没有一个普遍公认权威的定义。正如新零售的概念，谁都在做但是谁也不敢认定它就是这样。按 AWS 官方对于 Serverless 的介绍：

本节是Hook专题，将从 preact 借鉴 Hook 的底层原理实现，虽然实际上 preact 与 react 的 实现有所差异，但是胜在简单，了解了解思路逻辑也是可以的嘛。

Suspense 与 lazy

在src/React.js里，有几个组件长得比较奇怪。

算是炒冷饭吧，最近看React源码发现有一些原型与继承方面的东西没看太明白，便计划花两天重温这方面的东西，以便之后有更好的脑回路。

写在前面

计划用半年的时间去深入 React 源码并记录下来，本文是系列文章第一章，前面大多数会以功能为主，不会涉及太多事务机制与流程，后半部分以架构、流程为主。这个是一个水到渠成的事情。看的越多，对其理解的广度就越大，深度也随之沉淀，在深入的同时站在作者的角度去思考，能够脱离源码照葫芦画瓢，才能算理解，读懂本身源码并不重要。可能没有什么休息时间，但是会尽量挤出来完善文章，也算是一种兴趣与习惯。

Hooks 是 16.7.0-alpha 新加入的新特性，目的解决状态逻辑复用，使无状态组件拥有了许多状态组件的能力，如自更新能力(useState)、访问ref(useRef)、上下文context(useContext)、更高级的setState(useReducer)及周期方法(useEffect/useLayoutEffect)及缓存(useMemo、useCallback)。其底层实现没有太多变动，整体更接近函数式语法，逻辑内聚，高阶封装这两大特点，让你同时领悟到 Hooks 的强大与优雅。

作为一个非科班生的伪程序员、数据结构和算法一直是弱项，得以有时间来研究.

• 原文地址：Creating a multi-level hierarchical flyout navigation menu using only HTML and CSS
• 原文作者：Abhishek Ghosh
• 译文出自：掘金翻译计划
• 本文永久链接：https://github.com/xitu/gold-miner/blob/master/TODO1/creating-a-multi-level-hierarchical-flyout-navigation-menu-using-only-html-and-css.md
• 译者：Seven
• 校对者：Pingren

仅使用 HTML 和 CSS 创建多级嵌套弹出式导航菜单

• 原文地址：Creating a Custom Element from Scratch
• 原文作者：Caleb Williams
• 译文出自：掘金翻译计划
• 本文永久链接：https://github.com/xitu/gold-miner/blob/master/TODO1/creating-a-custom-element-from-scratch.md
• 译者：Seven
• 校对者：portandbridge, wznonstop

在上一篇文章，我们在文档中创建了 HTML 模板，希望它们在需要时才呈现，这让我们开始接触 Web 组件。