在 React 16.8 之前，函数组件只能是无状态组件，也不能访问 react 生命周期。hook 做为 react 新增特性，可以让我们在不编写 class 的情况下使用 state 以及其他的 react 特性，例如生命周期。接下来我们便举例说明如何使用 hooks 来模…

闲话不多说,直入主题,有兴趣的可以瞧瞧,没兴趣的止步,节约您的时间. 翻了一些Stack Overflow上的问答和文档,发现还是有的. 因为用了mobx,实在不想用高阶函数的写法(一堆括号)。 我是直接配置babelrc的. 跟随最新babel 7,装上这个依赖即可支持 看到…

原创文章分享

同步自我的博客 开门见山，由于我们项目的前端代码只有一个 bundle，所有代码都在一个 js 文件里，随着功能不断的堆叠，体积已经到无法忍受的地步了（gzip 后即将突破 300k），导致首屏的时间不停的涨啊涨，最近一周富裕了一点人力赶紧做一次优化，暂时缓住了势头。 react+web…

本文主要记录了在项目中使用redux-saga的一些总结，如有错误的地方欢迎指正互相学习。 redux中的action仅支持原始对象（plain object），处理有副作用的action，需要使用中间件。中间件可以在发出action，到reducer函数接受action之间，…

在上一篇 详细了解了setState的一些机制和原理，同时对 updater 也作了简单的解释，这篇文章我们将详细了解这个updater的数据结构和调用堆栈. 实际的 enqueueSetState(inst, payload, callback)只有三个参数，第四个参数是为默…

First thing first，这里我们利用create-react-app（需要nodejs环境）来创建这个项目，毕竟比较方便嘛，有其他创建项目和服务的方式也可以使用。 那我们开始吧，cd mycode & npm start。 我们启动后会看到这个界面，这是脚手架自带的…

react-juejin一个高仿的掘金，大部分是按照掘金的ui来实现的，个别地方就根据自己想法修修改改，只做了移动端的部分，还做pc的部分就要花太多时间了，支持服务端渲染、pwa等，写这个项目主要是对