chencheng (云谦)

## 早报 @ 2017.9.30 1. React@16 改进了 React DevTools 里 Highlight Updated 的功能。https://twitter.com/dan_abramov/status/913730763169914882 2. 可取消的 fetch 终于来了，目前只有 Firefox 57 支持，但 Chrome、Edge、Safari 都快了。https://developers.google.com/web/updates/2017/09/ 3. [email protected] 支持 Object Spread，https://twitter.com/wesbos/status/913421431609991168 4. [email protected]，支持 React...

路由翻墙之极路由 1S

7

我的主要用途是把他作为子路由，给 PS4 用。 ## 买路由器 低配路由器即可，我选了 [极路由 S1](http://www.hiwifi.com/j1s-view) ，￥89，支持 UDP 转发。 ## 刷 padavan 固件 参考 [极路由1S（HC5661A）刷Padavan固件教程 | 约翰提托博客](http://www.johntitorblog.com/?p=662) 完成刷固件操作，然后可以通过 http://192.168.123.1/ 进行管理操作了。 Mac 下通过 ssh 和 scp 进行连接和传文件，比如： ```bash $...

webpack2，升还是不升？

8

在 [webpack2.2 即将发布](https://github.com/webpack/webpack/releases/tag/v2.2.0-rc.4) 之际，我们来看下 webpack2 有哪些新特性。至于是否升级，大家心里应该有自己的打算吧。 ## 优势 感觉 webpack2 最大的改进是 ES6 modules 和 Tree Shaking，其他都是配置方面的。 ### native ES6 import, export 用的时候注意要把 babel-preset-es2015 的 modules 关掉： ```js { "presets": [...

从 0 开始实现 react 版本的 hackernews (基于 dva)

8

Live Demo 说一说基于 [dva](https://github.com/dvajs/dva) 实现 [dva-hackernews](https://github.com/dvajs/dva-hackernews) 的过程。 基本思路是按照 service -> model -> component 的顺序来实现的，好处是可以用真实数据，不用额外写 mock 方法。 ## 脚手架 通过 [dva-cli](https://github.com/dvajs/dva-cli) 生成项目初始文件，然后 `npm start` 启动。 ## Service hackernews 数据接口来自 firebase，所以可以直接用 [firebase](https://www.npmjs.com/package/firebase)...

MobX 和 TFRP

1

MobX 是一个 TFRP 编程范式的实现实现。 那什么是 TFRP? ## FRP 要知道 TFRP，就得先了解 FRP 。先看 FRP 的定义： > The essence of functional reactive programming is to specify the dynamic behavior of a value...

非 umi server 访问会不断刷新的问题

2

## 问题 1、dev 时，用户访问非 umi server host+port，会导致 HMR 失效，然后页面一致不停刷新 2、此问题答疑量不少 ## 方案 TODO

页面级测试方案

8

## 问题 现在 umi 的测试方案可以做单测和组件测试，但不能做页面级测试。而业务部分又有这方面的稳定性需求。 ## 方案 ### 使用 ```js import Page from 'index.tsx'; import { TestBrowser } from '@umijs/max'; it("test page", () => { const html = render( );...

import 检测，禁止使用影子依赖

1

## 问题 1、项目可能会不经意间使用到影子依赖，尤其当 npm client 不是 pnpm 的时候 2、使用影子依赖实际是埋下了潜在问题，让项目在未来随时可能报错 ## 方案 1、如果 npmClient 是 pnpm 并且「没有开启提升依赖的配置」时，不加此功能，因为已默认有 2、基于 辟shu 在做的 MFSU V4 的前置步骤 3、支持增量编译 4、遇到了提示「你 import 了 XXX，但没有在 package.json 中声明他」，同时给出文件路径和行号 5、可选：用...