在写本文之前，事先阅读了网上了一些文章，关于 Hooks 的源码解析要么过于浅显、要么就不细致，所以本文着重讲解源码，由浅入深，争取一行代码也不放过。那本系列讲解第一个 Hooks 便是 useState，我们将从 useState 的用法开始，再阐述规则、讲解原理，再简单实现…

最近react个官方团队推出了最新的 React Server Components 这项技术。这篇文章将对其相关知识点进行介绍。 客户端渲染（Client Side Rendering) 应该是前端最熟悉的一种模式了。从前端的发展历程上看，富客户端目前也已经成为现代前端应用的…

其实好久之前就想写一些东西了，从大二开始就'入坑'了前端，这样算来都有4年多了。话说刚入前端时，还是一个切图仔，什么是切图仔呢？就是在那个前后端未分离，jquery还是1.x，php还是最受欢迎语言的时代，你只需要将设计图还原成静态页面，然后在适当的位置留下替换符，就可以交给后…

在很久一段时间 web 端的 3D 游戏引擎一直是 nothing，但现在却如雨后春笋。 本文介绍使用 babylon.js 的 3D 网页游戏开发流程。 1. Get Started 四种光类型a. 聚光灯的参数用于描述一个锥形的光束 b. 环境光模拟一种四处都被光照射到的环…

原文的篇幅非常长，不过内容太过于吸引我，还是忍不住要翻译出来。此篇文章对编写可重用和可维护的React组件非常有帮助。但因为篇幅实在太长，我不得不进行了分割，本篇文章重点阐述 SRP，即单一职责原则。 我喜欢React组件式开发方式。你可以将复杂的用户界面分割为一个个组件，利用…

怎么找的呢？就是根据每个 React Node上的 return属性，每个 React Node上都会存在一个 return属性，这个 return属性指向当前节点的父节点，根节点是没有父节点的，所以没有 return，找到根节点就停止了，将根节点返回。

我超喜欢 React 新出的这个 Hooks API。而在使用它时却有一些奇怪的规则。为了那些纠结于为什么要有这些规则的人，在这里我会以模型图的方式来向你们展示这个新的 API。 这篇文章主要讲述的是关于 React hooks 这项新 API，此时这个提案仍处于 alpha …

上个月蚂蚁金服前端发布了一个新的框架 Remax, 口号是使用真正的、完整的 React 来开发小程序. 对于原本的 React 开发者来说 'Learn once, write anywhere' , 和 ReactNative 开发体验差不多，而对于小程序来说则是全新的开发…

我之前写过 一篇博客，介绍了 Class 组件的各个生命周期钩子函数在 Hooks 中对应的方案。那时 Hooks 刚刚发布，开发者最关心的莫过于代码的迁移问题，也就是怎么把现有的 Class 组件改造成 Hooks 的方式。 尽管这种方式非常的直观有效，但很快我们就发现，事情…