FEX 技术周刊 - 2019/08/19
V8 release v7.7
Introducing the New React DevTools
A lot has changed in version 4! At a high level, this new version should offer significant performance gains and an improved navigation experience. It also offers full support for React Hooks, including inspecting nested objects.
Almost 50 best practices divided into categories (backend, frontend, CI, etc.) complete with code examples. Not just the basics, it digs into areas like visual regression, property-based testing, and contract testing, too.
useReducer + useContext for easy global state without libraries
Ok so global state management, how do you do it? You grab Redux or MobX, or maybe Unstated or Constate and you’re done. Right? All those libraries give you a global store to put your data, allow every component to access that state, and manage re-renders. You get some way of updating that state and life is good. Sometimes there’s extra features. But what if you don’t want to learn yet another library? You just wanna share some state between a bunch of components. What then?
The history and legacy of jQuery
jQuery may have fallen somewhat out of favor in web development, but it still powers an estimated 74 percent of sites and paved the way for modern web frameworks. (In recent polls we’ve done, many people are still actively chosing to use it too. Long live jQuery!)
从 2018 年 5月建立第一个 Lugia 相关的仓库起，时隔一年多，22万+的代码量，3500+次的提交，Lugia 终于迎来了它的第一个正式版本 1.1.0。在今年年初，我们已经在内部发布了技术预览版 1.0.0，以验证我们的整套大前端解决方案，又经过半年多的时间打磨，我们决定在社区分享我们的成果。Lugia 是一整套面向云原生化大前端生态解决方案。我们希望把交互设计与前端应用代码开发有机的融为一体，形成一种跨时代的大前端生态技术规范：Lugia Design; LugiaX; Lugia Web; Lugia Mega：标准、高效、开箱即用的前端可视化设计开发工具。Lugia Mega 是一个无需环境搭建、快速上手的跨平台桌面应用（Mac 和 Windows）。研发制定了元信息中间语言描述规范LugiaD，为开发人员提供可视化交互设计、屏蔽底层开发工具链和底层前端开发框架（React OR VUE）、以及元信息注册式的开发方式。帮助设计师、产品经理快速设计产品，成果可以直接让开发人员使用。Lugia Mega 贯穿了整个项目的生命周期，让您极速构建前端应用、轻松管理所有项目。
最近我们在蚂蚁内部发布了全新云凤蝶 2.0，把产品的重点由 H5 搭建彻底转向了中台方向。使用云凤蝶，快速制作高品质中台应用。我们目前聚焦于以下三个方面来服务中台业务：
- 降门槛 让更多人进的来参与中台建设
- 提效 是否可以做到 10 倍提效？
- 提升体验 设计规范自动化落地，默认好用
Visual Studio Code有哪些工程方面的亮点
Visual Studio Code（VS Code）近年来获得了爆炸式增长，成为广大开发者工具库中的必备神器。它作为一个开源项目，也吸引了无数第三方开发者和终端用户，成为顶尖开源项目之一。它在功能上做到了够用，体验上做到了好用，更在拥有海量插件的情况下做到了简洁流畅，实属难能可贵。我是VS Code用户，同时也为它开发插件，插件市场里的众多Java插件基本都是我们团队的作品，所以我在日常工作中观察到不少VS Code在工程方面的亮点，下面就来逐一探讨。
The (Upcoming) WordPress Renaissance
Since its release 8 months ago, Gutenberg has been greatly improved, offering a user experience much richer than anything that was possible in WordPress. Let’s take a look at its latest developments, and where it is heading to.
The Differing Perspectives on CSS-in-JS
The traits of serverless architecture
This article doesn’t aim to help you understand all of the topics in-depth but to give you a general overview of what you are in for. These are the traits of serverless architecture defined in this article: Low barrier-to-entry, Hostless, Stateless, Elasticity , Distributed, Event-driven.
The (not so) hidden cost of sharing code between iOS and Android
Although writing code once sounds like a great bargain, the associated overhead made the cost of this approach outweigh the benefits (which turned out to be smaller than expected anyway). In the end we no longer share mobile code via C++ (or any other non-standard way) and instead write code in the platform native languages. In addition we want our engineers to have a delightful experience and to be able to contribute back to the community. This is why we made the decision to align our practices with industry standards.
Data Hub: A Generalized Metadata Search & Discovery Tool
As the operator of the world’s largest professional network and the Economic Graph, LinkedIn’s Data team is constantly working on scaling its infrastructure to meet the demands of our ever-growing big data ecosystem. As the data grows in volume and richness, it becomes increasingly challenging for data scientists and engineers to discover the data assets available, understand their provenances, and take appropriate actions based on the insights. To help us continue scaling productivity and innovation in data alongside this growth, we created a generalized metadata search and discovery tool, Data Hub.
Static Analysis at Scale: An Instagram Story
This post is about how we’ve used linting and automated refactoring to help manage the scale of our Python codebase. In the next few weeks, we’ll share more details of other tools and techniques we’ve developed to manage other aspects of our codebase’s quality.
I wasn’t getting hired as a Data Scientist. So I sought data on who is
I wasn’t getting hired as a Data Scientist. So I sought data on who is. Instead of focusing on skills thought to be required of data scientists, we can look at what they have actually done before.
Python is eating the world: How one developer’s side project became the hottest programming language on the planet
Frustrated by programming language shortcomings, Guido van Rossum created Python. With the language now used by millions, Nick Heath talks to van Rossum about Python’s past and explores what’s next. 另附：Is Python Strangling R to Death?.
MongoDB 4.2 is now GA: Ready for your Production Apps
Key highlights of MongoDB 4.2 include:
- Distributed Transactions
- On-Demand Materialized Views
- Wildcard Indexes
- MongoDB Query Language
- Retryable Reads and Writes
Highlights from Git 2.23
The open source Git project just released Git 2.23 with features and bug fixes from over 77 contributors, 26 of them new. Here’s our look at some of the most exciting features and changes introduced since Git 2.22. 另附：Use GitHub Classroom with Canvas, Google Classroom, or your own tools、GitHub intern project: Localization for Learning Lab.
npm CLI Roadmap - Summer 2019
Motion on the npm CLI project has been accelerating, and we’re now moving forward with a clear direction and vision. This document outlines what’s in store for the remainder of the npm v6 line, and what to expect in v7 and v8.
Announcing the Ionic React Release Candidate!
Ionic React RC marks the first major release of our vision to bring Ionic development to more developers on other frameworks. This was made possible by Ionic v4.0, which was completely re-written from the ground up focusing on web standards and not dependent on a particular framework. Ionic v4.0 makes it possible for us to target many frameworks while still having our core components be a single code base shared across all these frameworks.
Divjoy The React codebase generator
Use our free web-based tool to create the perfect codebase for your next project.
- Choose your stack: UI Kit, Framework, Authentication.
- Choose a template: Everything you need is included. Marketing pages, contact forms, pricing, faq, authentication, client-side routing. Even the forgot password flow works. You’ll never need to build that stuff again.
Lottie for Web
Lottie is a mobile library for Web, and iOS that parses Adobe After Effects animations exported as json with Bodymovin and renders them natively on mobile! For the first time, designers can create and ship beautiful animations without an engineer painstakingly recreating it by hand.
Planet - Imaging the entire Earth, every day
The visual below shows the locations of the photos that were taken on January 25th, 2018 by Planet’s satellites (the white circles) which are continuously circling the Earth. The blue circle randomly picks a satellite to follow every few seconds. You can see some information about its location and speed (yes, that’s kilometers per second) in the lower right corner.
sqliterally - Lightweight SQL query builder
SQLiterally makes it easy to compose safe parameterized SQL queries using template literals. Clauses are automatically arranged which means you can re-use, subquery and append new clauses as you like – order doesn’t matter. All queries are well formatted and ready to be passed directly to node-pg and mysql. Use SQLiterally as a lightweight alternative to extensive query builders like Knex.js or when big ORMs are over-kill.
This tool allows you to list any node_modules directories in your system, as well as the space they take up. You can then select which ones you want to erase to free up space.
CutiePi is an all-in-one Raspberry Pi tablet. Take your Raspberry Pi project, liberate it from the desk, and start creating wherever you go.
Anime4K is a state-of-the-art*, open-source, high-quality real-time anime upscaling algorithm that can be implemented in any programming language, anywhere.
A Readable Specification of TLS 1.3
The primary goal of TLS is to provide a secure channel between two communicating peers; the only requirement from the underlying transport is a reliable, in-order data stream. Specifically, the secure channel should provide the following properties: Authentication, Confidentiality, Integrity.
This repo contains my notes on learning Go and computer systems. Different people have different learning style. For me, I learn best by doing and walking through examples. Hence, I am trying to take notes carefully and comment directly on the source code, rather than writing up Markdown files. That way, I can understand every single line of code as I am reading and also be mindful of the theories behind the scene. In the mix, I also include links to other articles that I find helpful.
What is Paged Out!?
Paged Out! is a new experimental (one article == one page) free magazine about programming (especially programming tricks!), hacking, security hacking, retro computers, modern computers, electronics, demoscene, and other similar topics. It’s made by the community for the community - the project is led by Gynvael Coldwind with multiple folks helping. And it’s not-for-profit (though in time we hope it will be self-sustained) - this means that the issues will always be free to download, share and print.
白鸦 - 企业服务类产品的底层逻辑，和“有赞产品设计原则”
有赞的《产品设计原则》，根据客户需求、有赞的使命和愿景、当前生态环境，以及我们所处的发展阶段拟定，它是每个有赞产品在设计过程中都要遵守的基本原则。我们还会定期对其进行优化和迭代。它是一个产品视角的原则，并非完整的市场、运营或者技术视角。在产品视角上，我们把产品设计过程分成了 4 个部分：产品定义、产品设计、产品研发、产品运营。
Cabana 3.0. Is it a bird, a plane, a Design System, or a UI Starter Kit?
A super-helpful tool when creating UIs inside of Sketch.
Future by Design
How Design Day 2019 helps designers in a business evolve into businesspeople who Design.
Information on Display: New Features and More Accessible Data Tables
Data tables display sets of similar information so that it’s easy to scan — often ordered in a hierarchical or alphabetical way that helps users find patterns and insights. A variety of interactive elements (like selecting rows and column sort) support a range of use cases demonstrated in our design guidance.
Get your work recognized: write a brag document
There’s this idea that, if you do great work at your job, people will (or should!) automatically recognize that work and reward you for it with promotions / increased pay. In practice, it’s often more complicated than that – some kinds of important work are more visible/memorable than others. It’s frustrating to have done something really important and later realize that you didn’t get rewarded for it just because the people making the decision didn’t understand or remember what you did. So I want to talk about a tactic that I and lots of people I work with have used! This blog post isn’t just about being promoted or getting raises though. The ideas here have actually been more useful to me to help me reflect on themes in my work, what’s important to me, what I’m learning, and what I’d like to be doing differently. But they’ve definitely helped with promotions!
GitHub stars won’t pay your rent
It’s been a long time since I have written something here, but I don’t want to write articles for the sake of “keeping the blog alive”, screw that. Well, I finally have a story to tell. I finally launched the new version of Sizzy last month. It went from a simple web app to a full-fledged browser for designers and developers. I would say that it’s been a very exciting month, but actually, it’s been a bumpy ride for 2.5 years. I made a lot of mistakes and I learned a lot of lessons, so I wanted to share the entire story with you.
一定程度上，字节跳动的管理成分里，除了谷歌开放坦诚的工作方式和Netflix强赋权的用人观，还有阿里的模式集权主义。它像一座巴别塔，以张一鸣为代表的公司高层，负责做出理性战略决策，公司其他组织快速进入执行轨道。字节跳动内部鲜少把员工的吐槽看成无理取闹。从传播学角度来看，它确实在“发布—反馈”机制中做到了信息多线流通，但他们内部更愿意把这一逻辑上升到践行公司价值观上——“ego小但格局大”。“ego小但格局大”并非字节跳动原创，但字节跳动把它用到了一种极致状态。在字节跳动全球30多个国家的办公室墙上都挂着同一组海报，其中一张海报的内容就叫“ego creates blind spots 自负制造盲点”。它脱胎于谷歌文化，ego代表自我，knowledge是知识，自我越小，知识越多，格局才越大。简单来说就是，别把自己看得太重，别搞办公室政治，多花点心思在能力提升和业务拓展上。
对数据可视化有兴趣的可以阅读由 AntV 带来的 墨者修齐 2019-08-19·KeyLines Time Bar、地震可视化、艺术作品时序可视化
– THE END –