React Hooks 已发布几个月时间，在过去的几个月里笔者将其全面应用到团队的大型项目中，期间收获了不少。 Hooks 相比 Class Component 有多方面的优势，笔者将介绍 Hooks 的各方面并针对性结合实际业务场景讲解，带你上 Hooks 的车。

最近在 github 上看到了儿时玩过的掌机俄罗斯方块游戏通过纯前端实现，很有意思，并且有 Vue版 和 React版，查了下并没有小程序版，于是乎，心血来潮做了这款小程序版本。

PostCss 是个好工具，基于它转换的 AST 可以做很多有趣的东西，这篇文章从一个实际的需求出发，教大家写一个可应用于 webapck 打包过程中 PostCss 插件，提供一种自动化处理 css 样式的思路。

React memo 是 React16 新引入的特性，旨在优化函数组件的渲染性能，原生的效果还不错，但我觉得还是可以优化。于是最近我将它引入到点餐项目的菜单页并做了渲染判别的优化，从而能适配不同的场景条件。

为了熟悉或者回顾 React 及其周边的相关知识，想必这份来自 Github 的 React 自问自答清单会很适合你，后期我会持续对这份清单做翻译，以减轻阅读难度

团队的项目中用了很久的 react 和 redux，一值想弄懂 redux 数据存储背后的逻辑，前段时间研究了下官方源码分享出来。这篇文章试图通过形象化的场景模拟来解读 redux 背后的设计，这种方式可能印象会更加深刻些。

在移动端的开发中，经常会遇到这样的场景，在弹出的浮层中进行指尖滑动时，浮层的底部也会跟着滑动，这真是个有趣的事情，不过有些产品还是会要求你改掉这个所谓的 BUG，对此，我搜索了些资料，更多的是其他应用的解决方案诸如 外卖、饿了么 等，整理了几种解决方案

点餐 H5 项目是基于到店正餐和线上预点餐两大点餐场景的复杂大型应用，打通多条支付线路包括先付、后付及秒付；兼容 美团点评APP 双平台。引入 webpack4 对整个项目以怎样的方式打包和项目本身的这些业务没多大关系，重要的是在知晓项目的整体结构以及文件内资源引用关系的前提下，通过这个工具能对整体应用的性能提升有所帮助。这次的性能提升实践主要聚焦在 打包速度 和 打包体积 两个点。

最近在原生微信小程序的开发中，会经常碰到一个场景是，一个变量由其他多个变量计算得来，而目前 原生微信小程序API 并没有 Vue 中计算属性 Computed 这类写法，变量的联动计算比较繁琐。故此研究下这种特性并将其引入。

吃了午饭后，带着慵懒的碎步跟着老嘉走在周末的路上，天空的谈谈泛红以及空气中的些许凉风和前些天的狂风冷雨格外不同，这使得我们油然而升出一种追逐远方的冲动，来到了公司的窗前，看着外边儿树上风的微醉姿态我说，我们出去浪一番咋样。