袋鼠云数栈 UED 团队

很多同学像我一样平时用的最多也就 Console、Elements 和 Network 面板了。除了我们常用的一些功能，它还提供了很多强大但我们不太常见的功能，这些功能可以大大提高我们的开发效率。

React 目前开发以函数组件为主，辅以 hooks 实现大部分的页面逻辑。目前数栈的 react 版本是 16.13.1，该版本是支持 hooks 的，故以下实践是 hooks 相关的最佳实践。

前段时间碰到了一个 Keybinding 相关的问题，于是探究了一番，首先大家可能会有两个问题：Monaco Editor 是啥？Keybinding 又是啥？

随着企业的发展，一个大型系统里可能包含 n 多子系统, 用户在操作不同的系统时，需要多次登录，很麻烦，我们需要一种全新的登录方式来实现多系统应用群的登录，这就是单点登录

Iterator 提供了一种统一的接口机制，为各种不同数据结构提供统一的访问机制。定义 Iterator 就是提供一个具有 next() 方法的对象，每次调用 next() 都会返回一个结果对象，该结

前段时间，部门的前端项目迁移到 monorepo 架构，笔者在其中负责跟 git 工作流相关的事情，其中就包括 git hooks 相关的工程化的实践。用到了一些常用的相关工具如 husky、lint

在我们日常的开发中，样式问题其实一直是一个比较耗时的事情，一方面我们根据 UI 稿不断的去调整，另一方面随着项目越来越大可能哪一次开发就发现——诶，我的样式怎么不起作用了，亦或是怎么被另一个样式所覆盖

tree shaking 还要很多点值得挖掘，如： - css 的 tree shaking - webpack 的 tree shaking 实现 - 如何避免 tree shaking 无效 -

目前社区的绝大部分框架都不需要我们自行去做 SSR。我们了解渲染过程有助于我们在应对各种层出不穷的框架时，能够以不变应万变。

一个类或者模块只负责完成一个职责（或功能), 认为“对象应该仅具有一种单一功能”的概念, 如果一个类包含了两个或两个以上业务没有关联的功能，就被认为是职责不够单一，可以差分成多个功能单一的类

前端不仅仅是实现流畅的动画。ToB 项目会经常与数据的保存、渲染打交道。例如开发中，为了提高用户体验，遇到了一些场景，其实就是在利用某些手段，来进行性能优化。

能做出很 Cool 的动画效果，也是一种前端特有的成就感。所以，我们从动画的实现方法入手，了解浏览器的渲染，以及如何提升动画的性能

Web IDE的开发从来是整个大数据平台开发中非常繁复和笨重的一环，从零搭建一个 Web IDE 通常意味着大量的殚精竭虑和苦思冥想，时间成本更是不可计数

这篇文章旨在总结 React Hooks 的使用技巧以及在使用过程中需要注意的问题，其中会附加一些问题产生的原因以及解决方式。但是请注意，文章中所给出的解决方式并不一定完全适用，解决问题的方案有很多种

线程和进程是计算机操作系统的基础概念，在程序员中属于高频词汇，那如何理解呢？Node.js 中的进程和线程又是怎样的呢

在本文中，首先介绍了非受控组件和受控组件的概念。对于受控组件来说，组件控制用户输入的过程以及 state 是受控组件唯一的数据来源。 接着介绍了组件的调用问题，对于组件调用方而言，组件提供方是否为受控

Molecule 是一个受 VS Code 启发，使用 React.js 构建的 Web IDE UI 框架。

Hooks 是 React16.8 的新增特性，能够在不写 class 的情况下使用 state 以及其他特性。本文将带读者走进 Hooks 在业务使用时会引起的问题以及解决方案

网络的导航，是从输入 url 到最终获取到文件的过程。其中牵扯到浏览器架构、操作系统、网络等一系列知识。本文将从各个角度详细论述这一过程，涉及广度与深度。

在开始介绍今天的主角 _CSS Containment_ 之前，我们需要了解一些前置知识回流和重绘，方便我们理解以及应用的场景