Never forget why you started, and your mission can be accomplished.
Featured
Web Component is ready in 2024
In 2024, web components have emerged as a mature and powerful toolset for modern web development. Initially introduced by the W3C to enhance the modularity and reusability of code, web components have since evolved into a core technology, embraced by developers and major frameworks alike.
Read Post
使用 AST 迁移复杂前端项目的探索
以 nuxt 2 迁移 nuxt 3 为项目背景，讨论如何利用 AST 与 Codemod 工具，解决在复杂前端项目的迁移过程中，遇到的若干痛点及问题。
Read Post
Performance Testing with K6
介绍如何通过 k6 来对系统进行各种维度的 e2e 性能测试，同时如何在 AWS 上构建完整的 CI/CD 体系。
Read Post
深入理解 RSC
通过逆向工程和阅读源码的方式，深入理解下 RSC 的工作原理以及 RSC 协议，以及 RSC 在 NextJS 中是如何被应用的。
Read Post
为什么 Nextjs 14 要推出 Server Actions
关于 React 为什么在 18 版本当中，引入若干使用频率很低的 hooks，如 useId、useMutableSource，以及为什么在 19 版本中，又推出围绕 form 的若干 hooks，如 useOptimistic、useFormStatus，Server Actions 同时也是 Nextjs 14 中推出的主要特性，这个特性到底要解决什么问题呢？
Read Post
Timeline
Web Component is ready in 2024
In 2024, web components have emerged as a mature and powerful toolset for modern web development. Initially introduced by the W3C to enhance the modularity and reusability of code, web components have since evolved into a core technology, embraced by developers and major frameworks alike.
Read Post
Styling the Web Component
we will explore the essential techniques for styling modern web components, including the use of CSS variables for design tokens, and advanced selectors like :host(), ::slotted() and ::part().
Read Post
shim 在迁移复杂前端项目中的应用
上篇文章中，我们介绍了如何以 AST 为媒介，通过 codemods 工具对大型前端项目进行迁移，这篇文章算是对上篇文章的一些补充，同样以 nuxt 2 迁移 nuxt 3 为项目背景，深入探讨 shim 的概念及其在迁移复杂前端项目中的应用，以及它如何使迁移过程事半功倍。
Read Post
使用 AST 迁移复杂前端项目的探索
以 nuxt 2 迁移 nuxt 3 为项目背景，讨论如何利用 AST 与 Codemod 工具，解决在复杂前端项目的迁移过程中，遇到的若干痛点及问题。
Read Post
A Practical Summary of AWS CI/CD for EXPO
在 EXPO 项目中，关于使用 CodeBuild/CodeDeploy/CodePipeline 等系列服务实现 CI/CD 的实战经验总结。
Read Post