数据产品首先也是一个web工程，这里不谈是react还是vue，个人认为凭喜好即可。本文想说说关于高交互，多维数据分析，多图表展示的产品如何选择工具库，以及有哪些库可以用。 主流的web图表库有：echarts；highcharts；D3js；antv（G2，G6，F2）基于D…

针对以上三种情况, react渲染列表的时候要正确判断并渲染出相应的视图, 也就是条件渲染. 不同于vue的v-if, v-show等框架提供的api, react的条件渲染都是js原生的再加上一点点的hack. 比如react文档提到的. if/else, && 和三目等等.…

图中左侧是浏览器端看到的页面源码。其中红色框标识的3个部分，是SSR需要关注的重点内容。 最简单的是中间一个框，它是服务端渲染的App的内容部分。 第一个是分片（splitting）代码文件。即SSR Server必须要知道，浏览器要正确展示这个页面，需要包含哪些分片的js代码…

JSX 是对 JavaScript 强大的扩展，允许我们来定义 UI 组件。但是它不直接支持循环和条件表达式（尽管添加 条件表达式已经被讨论过了）。 如果你想要遍历一个列表来渲染多个组件或者实现一些条件逻辑，你不得不使用纯 Javascript，你也并没有很多的选择来处理循环。…

原文地址：High Performance React: 3 New Tools to Speed Up Your Apps 原文作者：Ben Edelstein 译文出自：掘金翻译计划 本文永久链接：https://github.com/xitu/gold-miner/blo…

下面： 我们就将待验证的场景实现出来看看，到底会不会触发。 这样类似一个拦截器一样，在路由跳转之前把 百度统计的代码再次家再一次。 同样，Vue-router 的项目也是类似。

对于线上项目，如果直接通过 node app 来启动，如果报错了可能直接停止导致整个服务崩溃，一般监控 node 有几种方案。 supervisor: 一般用作开发环境的使用。 forever: 管理多个站点，一般每个站点的访问量不大的情况，不需要监控。 PM2: 网站的访问量…

场景：第一次在node中直接使用import Story from '../js/containers/story';就会报这个错误。 错误说明：node本身使用的是commonjs的语法，支持的模块引入和导出方式为require以及module.export，然而es6定义的…

React 性能优化的一个主要工作是减少 DOM 的对比和冗余操作，来看看文章的作者是如何避免在 shouldComponentUpdate 函数中返回 true 来优化 React 应用性能的。