FEX 技术周刊 - 2018/06/19
Concurrent marking in V8
Jsonnet - The Data Templating Language
A data templating language for app and tool developers: Generate config data; Side-effect free; Organize, simplify, unify; Manage sprawling config.
State of React Native 2018
Introducing the GraphQL Guide
jQuery 作者新书。The Guide shows you why GraphQL APIs are the true successor to REST APIs. We’ll be looking at the core fundamentals of GraphQL along with strategies for how to implement it (client-side with Apollo and server-side in Node.js). Additionally, we’ll be exploring different situations in which GraphQL can be used (on mobile with React Native or Java/Swift, and on the web with either React or Vue).
From Node.js to Go: There, and back again
A few years ago, we chose Go over Node.js for writing the wolkenkit CLI. A few months ago we rewrote everything from scratch, this time using Node.js again. We’ve learned that you can’t dance at two weddings.
Building A Pub/Sub Service In-House Using Node.js And Redis
As the size of data for each message in our system differs from a few bytes to up to 100MB, we needed a scalable solution that could support a multitude of scenarios. In this article, Dhimil Gosalia explains why you should consider building an in-house Pub/Sub service, too.
Eggjs 和 SOFA 的跨语言互调
本文通过 Step by Step 的形式介绍了 Eggjs 和 SOFA（Java）是如何进行互联互通的，涵盖了 RPC 的服务发现、接口定义、本地代理生成、服务端实现等各方面，期望展现给你一个相对完整的 Nodejs RPC 解决方案。考虑到社区的接受度、多语言友好性等因素，接下来的示例采用 protobuf 作为 RPC 的序列化方式。
结合源码分析 Node.js 模块加载与运行原理
LuLu UI是阅文前端荣誉出品的UI框架，基于jQuery，针对PC网站，兼容IE8+，包含20+静态或动态UI组件，非常适合面向外部用户的网站开发。其实 jQuery 如果有一个像 AntD 这么漂亮的 UI 库的话，应该还是有不少人会用的。 另附：NG-ZORRO(Ant Design + Angular) 1.0 版本发布
编程语言的文本形式决定了它只能提高一个方面的信噪比而放弃其他方面的信噪比。但是文本不是唯一的信息获取方式。IDE 或者 PaaS 完全可以用各种不同的方式重组信息。
The new (and old) CSS units you’ve never heard about
Talking about CSS that you might - but more probably might not! - have heard, and even less used, about the units described in this article. And no, not like the “old” vw and vh (which I happen to still have to explain to those less proficient in CSS).
Image Inconsistencies: How and When Browsers Download Images
Firefox and Safari seem to have the most preferred behaviour here: they won’t download background-images that they know they won’t need. Chrome, Opera, and Edge will all download background-images that are applied to invisible elements.
The Trouble with D3
Recently there were a couple of threads on Twitter discussing the difficulties associated with learning d3.js. I’ve also seen this come up in many similar conversations I’ve had at meetups, conferences, workshops, mailing list threads and slack chats. While I agree that many of the difficulties are real, the threads highlight a common misconception that needs to be cleared up if we want to help people getting into data visualization.
Your Brain on Front-End Development
Part of the job of being a front-end developer is applying different techniques and technologies to pull off the desired UI and UX. Perhaps you work with a design team and implement their designs. I know when I look at a design (heck, even if I know I’m not going to be building it), my front-end brain starts triggering all sorts of things I know will be related to the task. Let’s take a look at what I mean.
Reverse Engineering Instruments’ File Format
At Figma, I work in a C++ codebase that cross-compiles to asm.js and WebAssembly to run in the browser. Occasionally, however, it’s helpful to be able to profile the native build we use for development and debugging. The tool of choice to do that on OS X is Instruments. If we can extract the right information from the files Instruments outputs, then we can construct flamecharts to help us build intuition for what’s happening while our code is executing.
How Developers Power eBay’s Product-Based Shopping Experience
As eBay evolves and adapts to stay ahead of commerce trends and user preferences, eBay’s public API portfolio continues to expand and improve to enable third-party developers the means to easily integrate with eBay and to create innovative and valuable experiences for their customers and ours.
Open-sourcing Sonar, a new extensible debugging tool
Sonar has enabled Facebook engineers to more easily inspect the behavior of our applications. It has been used in many projects, but sample use cases include: Providing our engineers with access to a view hierarchy that more accurately resembles the features and functionality they are working with, by showing Litho and ComponentKit components; Surfacing a stream of GraphQL requests, as opposed to raw network events; Tracking performance markers in real time, allowing developers to more easily investigate performance problems.
另附：Building data science teams to have an impact at scale
Metacat: Making Big Data Discoverable and Meaningful at Netflix
At Netflix, our data warehouse consists of a large number of data sets stored in Amazon S3 (via Hive), Druid, Elasticsearch, Redshift, Snowflake and MySql. Our platform supports Spark, Presto, Pig, and Hive for consuming, processing and producing data sets. Given the diverse set of data sources, and to make sure our data platform can interoperate across these data sets as one “single” data warehouse, we built Metacat. In this blog, we will discuss our motivations in building Metacat, a metadata service to make data easy to discover, process and manage.
Twitter meets TensorFlow
In this blog post, we will discuss the history, evolution, and future of our modeling/testing/serving framework, internally referred to as Deepbird, applying ML to Twitter data, and the challenges of serving ML in production settings. Indeed, Twitter handles large amounts of data and custom data formats. Twitter has a specific infrastructure stack, latency constraints, and a large request volume.
Open Source Database HA Resources From Severalnines
Severalnines has spent the last several years writing blogs and crafting content to help make your open source database solutions highly available. We are fans of highscalability.com and wanted to post some links to our top resources to help readers learn more how to make MySQL, MongoDB, MariaDB, Percona and PostgreSQL databases scalable.
React & VUE Star 过 10W
Vue.js Passes React in Terms of GitHub Star Count.
Office 365 Is Being Rewritten with JS and React
GitHub Release Radar · May 2018
You may have noticed there were a lot of great open source releases this past month. Here are a few of our favorites.
Meet the GitLab Web IDE
Here’s how we went from a proof of concept to a new feature that makes it even easier for everyone to edit inside of GitLab.
Parcel v1.9.0 — Tree Shaking, 2x faster watcher, and more
The highlights of this release include: Tree Shaking for both ES6 and CommonJS modules — Parcel now removes unused code from your production bundles by completely compiling away the module system, reducing the file sizes and initialization times of bundles considerably; Up to 2x faster file watcher — Parcel’s file watcher now runs in a background worker for performance and stability. This speeds up compilation times during development by up to 2x! Resolved filenames are now cached…
Now, you can deploy your Node.js app to App Engine standard environment
App Engine is ready and waiting to host your Node.js apps, with very minimal changes.
另附：Introducing QUIC support for HTTPS load balancing
Open Source Serverless Frameworks on Docker EE
The maturation of container platforms such as Docker EE has made this process even easier, resulting in a number of competing frameworks in this space. We have identified at least 9 different frameworks*. In this study, we start with the following six: OpenFaaS, nuclio, Gestalt, Riff, Fn and OpenWhisk.
winston is the most popular logging solution for Node.js. In fact, when measured in public npm downloads winston is so popular that it has more usage than the top four comparable logging solutions combined.
Record, replay, and stub HTTP interactions.
A Select control built with and for React. Initially built for use in KeystoneJS.
SVG Icons Library - Vivid.js
Run Node.js on Android by rewrite Node.js in Java with the compatible API. 挺能折腾的。
style guide guide, gatsby edition
Style Guide Guide is a boilerplate for creating a custom style guide for your organization’s design system. It provides just enough IA and hooks to get you going. As a bonus, I’ve provided links to helpful resources and inspiration to help you as you create your own custom style guide.
Hoyjar - All-in-one Analytics & Feedback
Hotjar is a new and easy way to truly understand your web and mobile site visitors. Find your hottest opportunities for growth today.
The 50 Best Free Datasets for Machine Learning
What are some open datasets for machine learning? We at Gengo decided to create the ultimate cheat sheet for high quality datasets. These range from the vast (looking at you, Kaggle) or the highly specific (data for self-driving cars).
The Second Edition of “Refactoring”
For the past two years, I’ve been working on a second edition of my book “Refactoring”. Here I have details about the new edition and some memos describing my thoughts in the last months of this project. The book is in production: we hope that it will be on the shelves early in the fall.
The Problem with Patterns
A design pattern library can range from being thorough, trying to cover all the bases, to politely broad, so as to not step on the toes of a design team. But patterns should never sacrifice user context for efficiency and consistency. They should reinforce the importance of the design process while helping an organization think more broadly about its users’ needs and its own goals. Real-world problems rarely are solved with out-of-the-box solutions. Even in service design.
Smashing Book 6 Excerpt - Bringing Personality Back To The Web
We’re pleased to announce that the brand new Smashing Book 6 is now available for pre-order. To give you a taste of what the book offers, here’s a sneak peek of a chapter written by Vitaly Friedman. Let’s explore a strategic guide for bringing back personality to the web, in regular real-life projects.
另附：Meet Smashing Book 6: New Frontiers In Web Design
The new design tools on the block
While Sketch, Adobe XD, Figma and Invision Studio are all building the same product with slight differences in their focus areas and execution, some new cool kids just arrived to ease painful parts of our workflow.
另附：Flatten 2.0 — Sketch Plugin - Flatten and mirror layers without destructing and update them like a boss
Emotional Design for data heavy apps
It is boring to see the data/statistics in the form of plain graphs or tables or pie charts. But, to represent the data in a way that is more scannable and logical we have to use these forms or representations. Specially in an environment where the customers have to look at the data daily and repeatedly to track status of their audience it is tough to get rid of these representations. In such situation, how can we improve the user experience? From my experience and from inspiration looking at online trends in UX, I wanted share few tips to improve the UI for a possible better UX.
How to Build an Effective Design Framework
Let’s outline the main issues a design framework solves, why you need one, and the components you will need to create when building one. You will find a free downloadable Sketch UI framework later in the article that allows you to create your own design framework.
Blot is a blogging platform with no interface. It creates a special folder in your Dropbox and publishes files you put inside. The point of all this — the reason Blot exists — is so you can use your favorite tools to create whatever you publish.
Speak with Confidence
The good news is that speaking with confidence is a skill that can be learned. It requires practice, but there are a few things you can do in order to dramatically improve the confidence you project when speaking.
死于 25 岁，葬于 75 岁，这是改变上百万人的短片