[报名]第三届FEDAY - 2017.08.26


Checklist: Node.JS production best practice
Welcome to my comprehensive collection of tips on running Node.JS in production. It aims to summarize most of the knowledge gathered to date from the highest ranked blog posts.

Apollo Server 1.0 — A GraphQL Server for all Node.js frameworks
Apollo Server is a community-maintained, open-source GraphQL server. It works with all Node.js HTTP server frameworks: Express, Connect, Hapi, Koa, AWS Lambda, Restify and Micro. It is built on top of the graphql-js reference implementation.

The State of Developer Ecosystem in 2017

Binary AST Proposal Overview
Performance of applications on the web platform is becoming increasingly bottlenecked by startup (load) time. Larger amounts of JS code are transferred over the wire by more sophisticated web properties. While caching helps, these properties regularly release new code, and cold load times are very important.

A real world guide to WebRTC
This guide will take you through the basics of setting up WebRTC data, voice and video channels between two peers as well as whole rooms of users, sending files, manipulating video or sharing your screen. The goal is that once you’ve read through it you’ve gained a solid, hands-on understanding of what it takes to build WebRTC apps and enough additional knowledge to know where to go next.

JavaScript Factory Functions with ES6+
ES6 provides a convenient syntax for dealing with object creation and factory functions. Most of the time, that’s all you’ll need, but because this is JavaScript, there’s another approach that makes it feel more like Java: the class keyword.

The State of Internationalization in JavaScript
Globalizing an application requires a tremendous amount of information. Beyond language-specific messaging, applications must also account for locale-aware string sorting, formatting and parsing dates, lists, currencies, and units. Even within a single language, applications may need to cater to multiple dialects — adapting to regional variations in grammar and vocabulary. There are also technical considerations like proper Unicode and bidirectional text handling. Further, JavaScript itself has not made globalization easy.

Implementing Webmentions
In a world before social media, a lot of online communities existed around blog comments. The particular community I was part of – web standards – was all built up around the personal websites of those involved.




HTML5 indexedDB前端本地存储数据库实例教程
HTML5 indexedDB和Web SQL Database都是本地数据库数据存储,Web SQL Database数据库要出来的更早,然并卵。从2010年11月18日W3C宣布舍弃Web SQL database草案开始,就已经注定Web SQL Database数据库是明日黄花,未来一定是indexedDB的。

Thinking In React
Best practices in designing performant #ReactJS applications, and highlights on some of the more complex issues that can come back and bite you. Plus libraries that help you get the job done.

8 things to learn in React before using Redux
State management is difficult. A view library, such as React, enables you to manage local component state. But it only scales to a certain point. React is just a view layer library. Eventually you decide to move on to a more sophisticated state management solution such as Redux. Yet there are certain things, that I want to point out in this article, that you should know about React before you jump on the Redux train.

CSS Architecture with ReactJS
We are living a new today, every day, filled with new tools and paradigms. Often, we catch ourselves trying to apply yesterday architectures on new technologies, and that can end bad. One of these cases is BEM – a CSS naming convention – which solves a problem that we maybe don’t have anymore.

How to Create a Reddit Clone Using React and Firebase
In this article, we will be using Firebase along with Create React App to build an app which will function similar to Reddit. It will allow the user to submit a new link which can then be voted on.

Javascript tools for end-to-end testing web applications
This post reviews available tools for end-to-end testing web applications using Javascript (i.e. tests that click buttons, type text etc). Many UI frameworks comes with a tool for this, but I’m looking specifically for a framework neutral tool so I’m not considering for example Protractor (Angular), Capybara (Ruby on Rails), Mirage (Ember) etc.

The Next Generation of Web Gaming
Much work has gone into optimizing runtime performance over the last few years, and with that we learned many lessons. We have collected many of these learnings in a practical blog post about porting games from native to web, and look forward to your input on other areas for improvement. As multithreading support lands in 2018, expect to see opportunities to further invest in improving memory usage. 另附:Creating a WebAssembly module instance with JavaScript

How CircleCI Processes 4.5 Million Builds Per Month
One of the great things about being a CI/CD company is that we get to practice what we preach. Instead of long dry spells between releases, we push several changes per day to keep our feedback loops short and our codebase clean. We’re small enough that we can move quickly, but large enough that our teams have the resources they need.

Introducing Chameleon - A Global CMS from Uber Engineering
To effectively serve Uber’s global user base local teams create and publish content specifically for the riders and drivers in their city or region. To make the content creation process streamlined and scalable, the Uber.com Content Platform team developed Chameleon, a global content management system (CMS) for Uber.com. Named after the colorful reptile known for its ability to adapt to its environment, Chameleon allows teams to deliver content tailored to their regional markets, and provides an intuitive user interface (UI) so that anyone at Uber can easily build a customized web page.

Open Container Initiative Specifications are 1.0
容器规范终于定稿了,另附:Docker Leads OCI Release of v1.0 Runtime and Image Format Specifications

TCP BBR congestion control comes to GCP – your Internet just got faster
We’re excited to announce that Google Cloud Platform (GCP) now features a cutting-edge new congestion control algorithm, TCP BBR, which achieves higher bandwidths and lower latencies for internet traffic. This is the same BBR that powers TCP traffic from google.com and that improved YouTube network throughput by 4 percent on average globally — and by more than 14 percent in some countries. 另附:How Google Wants To Rewire The Internet.

Facets: An Open Source Visualization Tool for Machine Learning Training Data
Working with the PAIR initiative, we’ve released Facets, an open source visualization tool to aid in understanding and analyzing ML datasets. Facets consists of two visualizations that allow users to see a holistic picture of their data at different granularities. Get a sense of the shape of each feature of the data using Facets Overview, or explore a set of individual observations using Facets Dive. These visualizations allow you to debug your data which, in machine learning, is as important as debugging your model.

Designing The Perfect Slider
When we think about a slider, we usually imagine an image gallery slider, or the infamous carousel, or perhaps off-canvas navigation, with the overlay sliding in from the side. However, this article is not about those kinds of sliders. Instead, we’ll look into the fine details of designing better slider controls for selecting a value or a range of values. Think of price range sliders, 360-degree-view sliders, timeline sliders, health insurance quote calculators, or build-your-own-mobile-plan features.

Redesigning GitLab’s Navigation
At GitLab, we are taking big steps towards refining our interface in an effort to make the idea to production workflow more productive. After a series of research and brainstorming sessions, we are excited to share with the community our redesign of GitLab’s navigation.

Product Design for Sustainability
How products we build today can make the world more sustainable tomorrow. Sustainability focuses on efficient and effective solutions that are better for society, the environment, and companies via effectively using natural resources, and reducing waste and toxins in the environment.


Compiling your application into a single executable.


Apache Foundation bans use of Facebook BSD+Patents licensed libraries like React.js
附:如何看待Apache基金会禁止使用React在内的Facebook licence软件

Announcing NgRx 4
There is a lot in this release that the team hopes you will enjoy. Some of the highlights: Official support for lazy loading; Simplified testing; Redesigned router integration. 另附:NgRx: Patterns and Techniques.

Firefox marketshare revisited
Mozilla helped the Web win but Firefox is now losing an unwinnable marketing fight against Google. This does not mean Firefox is not a great browser. Firefox is losing despite being a great browser, and getting better all the time. Firefox is simply the victim of Google’s need to increase profit in a relatively stagnant market.

The State Of JavaScript
Last year, over nine thousand developers took part in the first ever edition of the State Of JavaScript survey. And now, we’re doing it again: from React to Polymer, from Service Workers to Webpack, let’s find out together which buzzwords are here to stay and which ones will soon fall to JavaScript fatigue!

A new chapter for Google Glass
After two years in a limited program, Glass Enterprise Edition is now available to more businesses through our network of expert partners

对 Java、C++ 等语言提供了交叉引用查找的支持i

TagUI is a general purpose tool for automating web interaction.

Mesh - JavaScript IDE that feels like a spreadsheet
Specifically, Mesh is a spreadsheet UI wrapper around a text file editor. Actions on the grid are automatically translated to changes in the JavaScript code. Mesh’s aim is to improve the user experience of ‘regular’ programming languages. Consider Mesh if you: use JavaScript, but want rapid visual feedback and a convenient grid UI; use spreadsheets, but feel constrained by Excel’s limitations.

Wade - Blazing fast, 1kb search
Wade is a 1kb Javascript search library. It allows you to create a function that can search an array of strings for a set of keywords, which is run through the processor. After this, it is searched for in each item of the data.

CentroUI - UI components for WebVR
CentroUI is a set of UI components and utilities for building interfaces for WebVR applications. Based on React VR, CentroUI gives developers plug-and-play text input controls, cards, lists, navigation items and grids, all built with cross-device and cross-browser compatibility to ensure consistent experience with any environment and device.

The gold standard of macOS file transfer apps just drove into the future. Transmit 5 is here. Upload, download, and manage files on tons of servers with an easy, familiar, and powerful UI. It’s quite good.

TIO: Try it online
TIO is a family of online interpreters for an evergrowing list of practical and recreational programming languages. To use TIO, simply click the arrow below, pick a programming language, and start typing. Once you click the run button, your code is sent to a TIO arena, executed in a sandboxed environment, and the results are sent back to your browser. You can share your code by generating a client-side permalink that encodes code and input directly in the URL.

10 Awesome CodePens To Inspire You
These CodePens show off some seriously awesome visual effects.

15 Interesting JavaScript and CSS Libraries for July 2017
另附:11 Current Web Programming Trends in 201721 Excellent Tools & Services for Web Professionals

Visual Studio Team Services
Agile. Git. Continuous integration. Plan better, code together and ship faster. 附:What is Visual Studio Team Services? A Look at Its Features, Uses, Tutorials and More


Focus on Culture When Building an Engineering Culture
When I am discussing “Engineering Culture” here, my focus is on “Culture” alone. I am purposely separating the two words and keeping aside the engineering core practices for next time. I have tried to highlight some key focus areas from my learnings and experiences with engineering teams over years: Hiring & Structure; Learning and Knowledge Sharing; Responsibilities, Collaboration & Accountabilities; Freedom; Appreciations & Acknowledgements. 另附:Technical Leadership: Getting Started扎克伯格-创始人不得不学的团队建设法则

张首晟 - 人类最伟大的9个思维模型
2017年7月21日,张首晟团队发现天使粒子,一年前,他在混沌大学分享了人类历史上最伟大的9个思维模型:自由的空气在飘扬 笔胜于剑、大道至简…


诚品书店吴清友 - 如果没有病痛,我生命的存折恐怕永远是零 https://mp.weixin.qq.com/s?__biz=MjM5NjMyOTMzNA==&mid=2649853851&idx=1&sn=3c0708e24bc85918e5f7541516e7bb96

遇见大数据可视化 - 未来已来,变革中的数据可视化
当人类的认知能力越发受到传统可视化形式的限制时,隐藏在大数据背后的价值就难以发挥出来,如果因为展示形式的限制导致数据的可读性和及时性降低,从而影响用户的理解和决策的快速实施,那么,数据可视化将失 其价值。然而,所幸的是,技术的快速发展和不断变化的认知框架正在为人类打开新的视野,促使艺术与技术相结合而产生新型的数据可视化形式。另附:100款大数据工具汇总,入行必备

作者:2betop (https://github.com/2betop) - 念我昵称的时候请用英文发音,谢谢!