列举一些主要在react项目中，函数式编程（ramda）的案例实践和分析思考。希望带来不一样的编码感觉。

1. React函数式组件 1. hooks是比HOC和render props更优雅的逻辑复用方式 useState得到的状态，对于组件来说是一种外部传入的数据，和props、context没有本质的区别。useState声明的状态，实际由React内核进行维护，传递给函数式…

大家平时能搜出一堆Code Review 流程、如何如何 Code Review 等等。好像实际的 review 记录并不多，恰好本人有幸担任前端小组长一职，就给大家分享一下，一线前端平时写的代码~

最近在开发公司的一个处于发展初期的项目，简单说就是一个monorepo的库，那么选择打包工具是必然要做的事情。 作为一个npm包，webapck是必然不在考虑范围内了，另外一个选择是rollup，但最后选择了esbuild。 最直接的原因是快（在官网截了一张图）。仔细推演了之后…

关注「Vite」底层实现的同学，我想应该清楚它使用「esbuild」来实现对 .ts、jsx、.js 代码的转化。当然，在「Vite」之前更早使用「esbuild」的就是「Snowpack」。不过，相比较「Vite」拥有的巨大社区，显然「Snowpack」的关注度较小。 「Vi…

对于任何的客户端应用，开发者都希望能够在用户上的手上记录下相关信息以便了解真实的使用情况。 用户的使用环境千差万别，有时候可能会让客户端崩溃。崩溃日志的收集，有利于让开发人员更好地定位，解决问题 获取到对应的崩溃文件后，需要对 dump 文件进行分析，推荐工具为 google …

如何使用Lottie对接设计的动画效果。LottieFile(Figma plugins)导出的动画，并且能让原生APP像使用静态素材一样使用这些动画。

Adobe After Effects简称“AE”是Adobe公司推出的一款图形视频处理软件，用于高端视频特效系统的专业特效合成。本文记录我拿到AE动画源文件转成web代码的过程。

在使用前，需要知道 json-schema 是什么。 json-schema 是一个用来描述json 数据格式。 ajv 是一个校验 json-schema 的数据格式工具（也有其他的，这里具体讲解 ajv）。 json-schema 默认含有下面 6 种数据结构string …