FEX 技术周刊 - 2019/07/15
What’s Deno, and how is it different from Node.js?
Announcing Flutter 1.7
Flutter 1.7 contains support for AndroidX and for updated Play Store requirements, a number of new and enhanced components, and bug fixes to customer-reported issues.
Extending Atomic Design
Atomic design is now over 6 years old (which is nuts!). I’m thrilled that all these years later the methodology continues to help teams think of their user interfaces as a hierarchical, interconnected set of components that build real product screens. Of course over these last 6 years, the language and tactics around design systems has evolved (even the term “design systems” wasn’t really a thing back in 2013!), so I thought I’d share how some of these other concepts interact with atomic design.
随着 Tubi 团队的发展，我们发现自己有时迷失在确定优先级、识别关键任务、检查疏漏以及其他种种发展痛点中。鉴于此，一群工程师自愿开始为期三个月的尝试，期望构建出一个目前适合我们、并且在可预见的未来能够适应公司扩展的的系统。这篇文章将带你一览我们为什么以及如何构建该系统，及其践行效果。
When you are still early on in your programming career, digging into the source code of open source libraries and frameworks can be a daunting endeavor. In this article, Carl Mungazi shares how he got over his fear and began using source code to improve his knowledge and skills. He also uses Redux to demonstrate how he approaches breaking down a library.
Why every Vue developer should be excited by Quasar 1.0
We’re publishing the first stable release of Quasar: A full-featured and extensible open-source framework founded on top of the highly popular VueJS that leverages the power of Node, Webpack and Babel.
The Future of Websites: Headless CMSs
Since their introduction, content management systems (CMS) have made life easier for website developers, site owners, and administrators alike. Platforms like WordPress, Joomla, and Drupal account for more than 60% of all web content platforms. The only problem is their relative lack of flexibility. This is mainly due to the fact that the front and back end functionalities are deeply coupled. With the rise in popularity of decoupled architectures like the JAMstack, CMS’s have been increasingly shunning traditional database-driven systems in favor of API driven ones, known as the “Headless CMS”.
A Deep Dive into React-Redux | React Next 2019
Redux and React are frequently used together, and many people are familiar with the “Provider” and “connect” APIs from React-Redux. But how does React-Redux work, and why do we even need it in the first place? Join Redux maintainer Mark Erikson on a journey through the history and internals of React-Redux. React Next 2019 其它视频：https://www.youtube.com/playlist?list=PLMYVq3z1QxSrtc-VmYeAoBwVJZFYMkovU
How to build great React search experiences quickly
We’ll walk through how to build excellent, React-based search experiences using Elastic’s open source Search UI library. It’ll take about 30 minutes, and afterwards you’ll be ready to bring search to any application which needs it.
Developers don’t understand CORS
One of the best things about working in full stack consulting is that I get to work with a great number of developers with different skill levels in companies from various sizes and industries. This provides an opportunity to see what universal struggles come up. One that seems common and relevant recently is this: Too many web developers do not understand how CORS works.
When SQL Isn’t the Right Answer
Personally, I have a love-hate relationship with relational databases. When they are structured properly and abstracted just enough for the solution rather than for the sake of architectural purity, they can be fun to work with. However, for many of us, this is often not the case.
Re-Architecting the Video Gatekeeper
This is the story about how the Content Setup Engineering team used Hollow, a Netflix OSS technology, to re-architect and simplify an essential component in our content pipeline — delivering a large amount of business value in the process.
Details of the Cloudflare outage on July 2, 2019
An update contained a regular expression that backtracked enormously and exhausted CPU used for HTTP/HTTPS serving. This brought down Cloudflare’s core proxying, CDN and WAF functionality. The following graph shows CPUs dedicated to serving HTTP/HTTPS traffic spiking to nearly 100% usage across the servers in our network.
Democratizing data analysis with Google BigQuery
Last year, we announced a new collaboration with Google and are migrating parts of our data infrastructure to the Google Cloud Platform (GCP). This blog post talks about our experience with these tools: what we did, what we learned, and what we’ll do next. Here, we focus on batch and interactive analytics. We’ll discuss real-time analytics in a future blog post. 另附：Goodbye Hadoop. Building a streaming data processing pipeline on Google Cloud.
Visualizing City Cores with H3, Uber’s Open Source Geospatial Indexing System
In 2018, Uber open sourced H3, our hexagonal grid system for visualizing geospatial data, enabling the broad adoption of this powerful and easy-to-use software. In the videos below, members of our engineering and data science teams discuss how to most effectively use H3 for geospatial indexing.
Code Reviews at Medium
Engineering teams have different norms and policies when it comes to code reviews. It can be frustrating to join a team and not know what is expected, or to operate with old assumptions and discover that they are at odds with a new team. In an effort to make it easier for engineers who come from companies with different practices, we wrote down some of the features of our code review culture.
Scaling and improving at Sqreen: a frontend team retrospective
At Sqreen, our company has evolved and changed a lot since we began this journey. Our frontend team is no exception, and as a member of that team, I wanted to take a moment to do a frontend team retrospective and reflect on how we’ve scaled, the mistakes and improvements we’ve made, and generally share what we’ve learned. I hope that this post may help you if you’re undertaking a similar journey. In this post, I’ll explore what we did wrong, right, and how we tackle our weaknesses.
Ten Years of Erlang
In this post, I’ll cover a few things such as hype phases and how this related to Erlang, the ladder of ideas within the language and how that can impact adoption, what changed in my ten years here, and I’ll finish up with what I think Erlang still has to bring to the programming community at large.
Clear is better than clever
Readability is often cited as one of Go’s core tenets, I disagree. In this article I’ll discuss the differences between clarity and readability, show you what I mean by clarity and how it applies to Go code, and argue that Go programmers should strive for clarity–not just readability–in their programs.
What We Can Learn From Software History
Talk is not up yet, Slides are here.
AI poker bot is first to beat professionals at multiplayer game
Triumph over five human opponents at Texas hold’em brings bots closer to solving complicated real-world problems. 另附：DeepMind’s StarCraft II agent will play anonymously on battle.net、Facebook, Carnegie Mellon build first AI that beats pros in 6-player poker.
After 70 canary releases we are pleased to introduce Next.js 9, featuring: Built-in Zero-Config TypeScript Support; File system-Based Dynamic Routing; Automatic Static Optimization; API Routes; More Production Optimizations; Improved DX.
Blazor, a new framework for browser-based .NET apps
Blazor is a new experimental web UI framework from the ASP.NET team that aims to brings .NET applications into all browsers (including mobile) via WebAssembly. It allows you to build true full-stack .NET applications, sharing code across server and client, with no need for transpilation or plugins. In this talk I’ll demonstrate what you can do with Blazor today and how it works on the underlying WebAssembly runtime behind the scenes. You’ll see its modern, component-based architecture (inspired by modern SPA frameworks) at work as we use it to build a responsive client-side UI.
Firefox 68: BigInts, Contrast Checks, and the QuantumBar
Firefox 68 is available today, featuring support for big integers, whole-page contrast checks, and a completely new implementation of a core Firefox feature: the URL bar.
Announcing Docsy: A Website Theme for Technical Documentation
Google supports over 2000 open source projects, and there has been growing demand from these projects for tooling and guidance to help them write and publish their documentation. To meet this need we created Docsy: a documentation website with templates and guidance for documentation, which we’re open sourcing to the public to use and help improve the tool.
A markdown parser and compiler. Built for speed.
Custom jest matchers to test the state of the DOM.
Vimeo Player API
The Vimeo Player API allows you to interact with and control an embedded Vimeo Player.
3D Wireframes in SVG
SVG is great for line art. It scales nicely for high DPI displays without using much bandwidth. However SVG was not designed for 3D, so it does not provide mechanisms for applying perspective transformation or hidden surface elimination. These limitations can be overcome for simple meshes by baking the perspective transformation, carefully ordering the paths within the SVG document, and paying attention to the winding direction of projected polygons. In this post I will show how to use Python to generate vector art as seen at the top of the page, including the fully lit 3D Möbius tube.
Pie Chart Maker
Use this tool to generate custom pie charts. Choose colors, patterns, and lots more to better illustrate your data. Once your pie is done, convert it to jpg, png, or even embed an animated version in your website. It’s free.
Hostyoself: Server in a browser
Host yo’ self from your browser, your phone, your toaster.
Stein – Use Google Sheets as a No-Setup Database
Ship fast and manage your data with ease. Connect to Google Sheets. Use Google Sheets as your no-setup data store. Build fast and get a familiar interface for managing the data, with the open source Stein. 另附：How to recreate the GitHub contribution graph with Node.js and Google Sheets.
hub: USE GITHUB FROM THE COMMAND-LINE
hub is an extension to command-line git that helps you do everyday GitHub tasks without ever leaving the terminal.
为了提升机器人的人机交互能力，在去年AI Creat 2018我们发布了机器人的自然情感交互系统NIRO1.0，NIRO1.0包含三个层次-机器人自然语言交互模型、人类情绪应对模型、机器人主动交流交互模型，通过这三个模型可以让机器人的语音交互更高效、能主动服务、有情商。推动行业进步的根本途径是提升体验，人机交互系统只是体验的一环，只有和硬件能力相互结合发生化学反应，才能更有效的提升机器人的体验。因此在过去一年里我们与百度内部多个团队进行合作，通过软硬一体化打造了多款机器人产品。MUX 网站还有不百度AI开发者大会上关于设计相关的话题的分享。
UXPA 2019 见闻
6 月底，非常有幸被公司选中，派往美国 Scottsdale 参加 UXPA 会议。在接下来的文章，会和大家分享一些在 UXPA 的所见所闻，主要内容会分成两大趴：
- 印象最深一堂课：比较完整、全面的分享一个 Workshop，以及结合自己工作的感悟。
Why we built a UX Research Insights repository
Enter the UX Research repository and research reports. As the Product and UX/Product Design teams grew, so did the demand for UX research. Product managers and UX/product designers needed greater visibility into what I was working on so they had a sense of my availability for projects, and I needed a way to manage incoming research requests. We had success by creating a dedicated repository for UX Research requests and then using checklists within issues to track my progress against each request.
A New System for Designing Motion With Both Sketch and Figma
Introducing AEUX, a tool for integrating motion design into a UX workflow—with fewer speed bumps than ever.
A worrying change in Open Source perception
Open Source is an excellent idea. It proved itself to create large and complex products with a shared workforce. It also allows products to follow the input and guidance from several players. Products don’t have to follow the demands of one company or their stakeholders. We build for the platform and the community, not for the next financial quarter.
对数据可视化有兴趣的可以阅读由 AntV 带来的 墨者修齐 2019-07-15·Bubble Treemap、图的三种可视化方式、Tableau 的信息可视化作品
– THE END –