深阅读

How to greatly improve your React app performance
https://medium.com/myheritage-engineering/how-to-greatly-improve-your-react-app-performance-e70f7cbbb5f6
A review of common React performance pitfalls and how to avoid them

Clojure Design Patterns
http://mishadoff.com/blog/clojure-design-patterns/
Disclaimer: Most patterns are easy to implement because we use dynamic typing, functional programming and, of course, Clojure. Some of them look wrong and ugly. It’s okay. All characters are fake, coincidences are accidental.

蚂蚁金服 AntV 3.0 正式发布
https://antv.alipay.com/zh-cn/vis/blog/antv-3.0-releasing.html
怀揣「 让人们在数据世界里获得视觉能力 」的梦想,AntV 3.0 来了[笑哈哈],感谢一路相伴的众多合作伙伴的支持和帮助,感谢对 AntV 的关注和信赖,感谢一路有你。2017年11月22日,AntV G2 正式开源,新的征程才刚刚开始。附:9 Best JavaScript Charting Libraries

PWA是否能带来新一轮大前端技术洗牌
https://mp.weixin.qq.com/s?__biz=MzIwNjQwMzUwMQ==&mid=2247485600&idx=1&sn=12e229c90cc08e8f14dcc1ae7f27abd6
对于 Native App 来说,其 最大的痛点是由于其天生封闭的基因,内容无法被索引,这会导致后续一系列的问题。而随着移动互联网的发展,用户下载 App 的热情也逐渐减弱,再加上用户 80% 的时间被 Top3 的超级 App 占据,对于站点来说,应用分发成本也因此越来越高了。相对于 Native App 的封闭,PWA 却是完全开放的——PWA 现有的所有技术都是遵循 W3C 的标准,完全开放,因此能够快速被站点接受、被浏览器快速支持。值得一提的是,为了解开传统 Web 的两个枷锁,除 PWA 之外,业界也诞生了很多技术方案,例如部分厂商推出的小程序技术。

为什么原生应用开发者需要关注Flutter?
https://mp.weixin.qq.com/s?__biz=MzA3ODg4MDk0Ng==&mid=2651113963&idx=1&sn=6071c057813c0ed74cbc743612807ea4
Flutter 是由谷歌创建的一个移动应用 SDK,用于构建“现代移动应用”。目前它还处于 alpha 阶段,不过它的文档和相关工具十分齐全,有些移动应用已经在使用 Flutter。在这篇文章里,我将分享使用 Flutter 开发一个移动应用的愉快经历,并告诉大家为什么我这么喜欢 Flutter。

微信后台团队最近开源力作:PhxQueue 分布式队列
https://cloud.tencent.com/community/article/746217
基于 Paxos 协议实现的高可用、高吞吐和高可靠的分布式队列

智能时代,运维工程师在谈什么?
https://mp.weixin.qq.com/s?__biz=MzIzOTU0NTQ0MA==&mid=2247486388&idx=1&sn=f55b4ecd8402e0fa1a7587fb4af5f7c5
智能化运维的终极目标,就是将运维人员从繁琐的工作中解放出来,提高整体运维效率,降低运维成本,实现业务系统的高可用性。目前业界真正的智能化运维的落地实践其实并不多,大多还是停留在自动化甚至人工化阶段,然而智能化运维是大势所趋。阿里又是如何应对呢?下面请看来自阿里巴巴研发效能团队负责人、阿里研究员毕玄的演讲《智能时代的新运维》。

The Performance Cost of Server Side Rendered React on Node.js
https://malloc.fi/performance-cost-of-server-side-rendered-react-node-js
All the results clearly display that there is a price to pay for server side rendered React.js. This is no surprise as vDOM template rendering is more complex than string based processing. In this light the performance of ReactDOMServer with optimisations is downright impressive.

Understanding SOLID Principles
https://codeburst.io/understanding-solid-principles-liskov-substitution-principle-e7f35277d8d5
As a small reminder, in SOLID there are five basic principles which help to create good (or solid) software architecture. SOLID is an acronym where:- S stands for SRP (Single responsibility principle); O stands for OCP (Open closed principle); L stands for LSP (Liskov substitution principle); I stand for ISP ( Interface segregation principle); D stands for DIP ( Dependency inversion principle).

The State of Node.js & JavaScript for Backend Development
https://snipcart.com/blog/javascript-nodejs-backend-development
For this post, I thought it was time to set the record straight about Node.js and JavaScript as a backend language. Today I’m going to discuss: The current state of Node.js; Its best use cases; Its limitations; What we can expect from Node moving forward.

Dynamic import()
https://developers.google.com/web/updates/2017/11/dynamic-import
Dynamic import() introduces a new function-like form of import that unlocks new capabilities compared to static import. This article compares the two and gives an overview of what’s new.

77% of 433,000 Sites Use Vulnerable JavaScript Libraries
https://snyk.io/blog/77-percent-of-sites-still-vulnerable/
One of the discoveries the report mentions is that an analysis of around 433,000 sites found that 77% of them use at least one front-end JavaScript library with a known security vulnerability.

Announcing AWS Amplify and the AWS Mobile CLI
https://aws.amazon.com/blogs/mobile/announcing-aws-amplify-and-the-aws-mobile-cli/
We’re happy to announce today the release of AWS Amplify, an open source library (under Apache 2.0) for interacting with cloud services that use JavaScript applications. Amplify is broken into categories to help developers programmatically use best practices and deliver a scalable and secure experience to their customers. We’ve designed the Amplify library to be flexible for new implementations in these categories. We are looking to build upon this start in the future.

Announcing Language Server Protocol Preview Release
https://blogs.msdn.microsoft.com/visualstudio/2017/11/21/announcing-language-server-protocol-preview-release/
Visual Studio is joining Visual Studio Code in offering support for the Language Server Protocol. As an extension author, you can now write Visual Studio extensions that leverage existing language servers to provide a rich editing experience for languages that initially had no native language support in Visual Studio. With these extensions, you can use Visual Studio to code in your favorite language!

Save 15% or More on Car Insurance by Switching to Plain JavaScript
https://css-tricks.com/save-15-car-insurance-switching-plain-javascript/
his article is as much satire as it is serious insight if there is even any of that at all. Don’t take it too seriously, but do tell all your friends. Also, the bit about Taco Bell is 100% true. I wouldn’t joke about something like that.

ProtoPie, the Hi-Fi Prototyping Tool That Will Improve Your Workflow
https://www.sitepoint.com/protopie-prototyping-tool/
This article will give you a brief overview on what ProtoPie is, its philosophy, and why you should adopt ProtoPie as your primary prototyping tool to improve your workflow.

A Comprehensive Guide To Web Design
https://www.smashingmagazine.com/2017/11/comprehensive-guide-web-design/
In this article, I’ll focus on the main principles, heuristics and approaches that will help you to create a great user experience for your website. I’ll start with global things like the user journey (how to define the “skeleton” of the website) and work down to the individual page (what should be considered during web page design). We’ll also cover other essential aspects of design, such as mobile considerations and testing.

F-Shaped Pattern of Reading on the Web: Misunderstood, But Still Relevant (Even on Mobile)
https://www.nngroup.com/articles/f-shaped-pattern-reading-web-content/
Eyetracking research shows that people scan webpages and phone screens in various patterns, one of them being the shape of the letter F. Eleven years after discovering this pattern, we revisit what it means today.

新鲜货

Introduction to Node.js From Microsoft
https://www.edx.org/course/introduction-node-js-microsoft-dev283x
The ultimate beginner guide to creating web applications using Node.js, Express and MongoDB.

GitLab 10.2 released with Configurable Issue Boards and GitLab Geo General Availability
https://about.gitlab.com/2017/11/22/gitlab-10-2-released/
In this month’s release of GitLab 10.2 we’ve added capabilities to improve planning, reliability, deployment, and so much more.

React Spreadsheet Grid
https://github.com/denisraslov/react-spreadsheet-grid
Excel-like grid component for React with custom cell editors, performant scroll & resizable columns.

react-pivottable
https://react-pivottable.js.org/
React-based drag’n’drop pivot table with Plotly.js charts. 附:Introducing react-pivottable

node-prune
https://github.com/tj/node-prune
node-prune is a small tool to prune unnecessary files from ./node_modules, such as markdown, typescript source files, and so on. Primarily built for Up which lets you deploy serverless web applications in seconds.

Scrollama
https://github.com/russellgoldenberg/scrollama#scrollamajs
Scrollytelling can be complicated to implement and difficult to make performant. The goal of this library is to provide a simple interface for creating scroll-driven interactives. 附:An Introduction to Scrollama.jsTake control of your scroll: custom