FEX 技术周刊 - 2020/02/17
What is CSS4?
If we want CSS4 to be a thing it is necessary to define it a little more. However, that does not mean it’s necessary to divide all existing CSS modules into CSS3 and CSS4 buckets. This article discusses these issues, and goes through some of the feedback to my original article.
Why is swc fast?
IPFS Project Focus for 2020
“The mission of IPFS is to create a resilient, upgradeable, open network to preserve and grow humanity’s knowledge.” It’s a new year, and with it time to update the IPFS Project Roadmap with our focus for 2020. As part of that, we also want to reflect on our successes, challenges, and learnings from 2019 to help us stay on track to achieve our mission, and maximize the value and utility we create in the world.
7 really good reasons not to use TypeScript
Everyone loves TypeScript. It “solves” many problems JS has, it is a “superset” of JS, it will make your code error-prone and pleasant to read. There are a lot of good reasons to use TypeScript, but I am going to give you 7 really good reasons not to.
G6 3.3 性能战斗机解析
图——实体与关系的集合，往往具有庞大的数据量。最常见的图可视化将关系数据绘制为大量节点和边元素，而每一个元素也可能由多种图形复合而成，例如最为常见的带文本节点。图元素的样式变化万千，渲染、交互性能一直是关系数据可视化中最为棘手问题之一。特别是在前端计算资源有限的情况下，如何提升图可视化的性能，成为 G6 一大难题。2020 年伊始，我们终于向着这一难题跨出了第一步 —— 性能卓越的 G6 3.3 正式发布。让我们一睹性能战斗机的究竟吧。
React Hooks的体系设计之一 - 分层
得到 Hybrid 架构的演进之路
得到 APP 是一个三年多的产品，最初采用纯 Native 的方式开发，在 18 年初，我们开始了 Hybyid 开发技术方案的探索和实践， 目前得到 APP 共包含了 ReactNative 和 Webview 两套 Hybrid 方案。本文从时间维度上，重点回顾一下 Webview Hybrid 方案在得到 APP 从 0 到 1 的过程，也希望我们的经历可以给一些想落地 Hybrid 方案的团队一点启发。
5 ways SaaS companies can benefit from collaborative editing with CKEditor 5
Since SaaStr Annual is there to help SaaS businesses scale up, we are going to be there to show how a good WYSIWYG editor can contribute to that. We want to show that CKEditor 5 Collaboration Features can provide a modern writing experience for every application. Whether you would like to spice up the software you create or your internal team dynamic, here are five reasons why SaaS companies should choose a collaborative rich text editor like CKEditor 5. 另附：The easiest way to customize a WYSIWYG editor - CKEditor 5 online builder.
The state of web development on mobile
Let me ask you a question - what kind of a machine do you code on? I bet it’s one of desktop, laptop, or maybe even a remote server with SSH connection. That’s the standard these days, but I think that there are some passionate (and crazy in a sense) people (like me) who’d like to stretch it even further. Those who’d like to be able to code literally anywhere, no matter what kind of a device they have available. So, is it possible to do web dev on mobile?
How Sustainable is a Solar Powered Website
Our self-hosted, solar-powered, off-grid website has been running for 15 months now. In this article, we present its energy and uptime data, and calculate the embodied energy of our configuration. Based on these results, we consider the optimal balance between sustainability and server uptime, and outline possible improvements.
Where are all the animated SVGs?
Animated SVGs just make sense. There are lots of articles explaining why you should be using SVG. There’s even scientific evidence(!) that says animated icons are better than static ones. So… where are all the animated icons? Why isn’t the web filled with these amazing, accessible, performant animations? I have some ideas…
Performant front-end architecture
This post describes some techniques to make front-end apps load faster and provide a good user experience. We’ll look at the overall architecture of the front-end. How can you load essential resources first, and maximize the probability that the resources are already in the cache?
Under Discussion: The Maintenance of Large Open-Source Projects
6 things I wish I knew about state management when I started writing React apps
I have a lot more blog posts like this I plan to write. If you like this, follow me on Twitter to make sure you don’t miss any. Think about the most complex frontends you’ve used. Frontends that made you wonder — “how did they create this”? Here are some of mine.
Fix the “not wrapped in act(…)” warning
There are a few reasons you’re getting this warning. Here’s how you fix it.
Serverless Side Rendering — The Ultimate Guide
Learn how we’ve achieved great SEO support for every Webiny website and made them run super-fast, using SSR in a serverless environment.
JuliaLang: The Ingredients for a Composable Programming Language
One of the most remarkable things about the julia programming language, is how well the packages compose. You can almost always reuse someone else’s types or methods in your own software without issues. This is generally taken on a high level to be true of all programming languages because that is what a library is. However, experienced software engineers often note that its surprisingly difficult in practice to take something from one project and use it in another without tweaking. But in the julia ecosystem this seems to mostly work. This post explores some theories on why; and some loose recommendations to future language designers.
Let’s Encrypt: an automated certificate authority to encrypt the entire we
This paper tells the story of Let’s Encrypt, from it’s early beginnings in 2012/13 all the way to becoming the world’s largest HTTPS Certificate Authority (CA) today – accounting for more currently valid certificates than all other browser-trusted CAs combined. Beyond the functionality that Let’s Encrypt provides, the story stands out to me for two key ingredients.
The History of Git: The Road to Domination in Software Version Control
In 2005, Linus Torvalds urgently needed a new version control system to maintain the development of the Linux Kernel. So he went offline for a week, wrote a revolutionary new system from scratch, and called it Git. Fifteen years later, the platform is the undisputed leader in a crowded field.
AutoFlip: An Open Source Framework for Intelligent Video Reframing
AutoFlip, an open source framework for intelligent video reframing. AutoFlip is built on top of the MediaPipe framework that enables the development of pipelines for processing time-series multimodal data. Taking a video (casually shot or professionally edited) and a target dimension (landscape, square, portrait, etc.) as inputs, AutoFlip analyzes the video content, develops optimal tracking and cropping strategies, and produces an output video with the same duration in the desired aspect ratio.
OpenChakra is an open-source visual editor for React
OpenChakra is a visual editor for the best component library in town: Chakra UI 🤗. Quickly draft components with the simple drag and drop UI.
Supercharge your command line experience: GitHub CLI is now in beta
We’re introducing an easier and more seamless way to work with GitHub from the command line—GitHub CLI, now in beta. Millions of developers rely on GitHub to make building software more fun and collaborative, and gh brings the GitHub experience right to your terminal. 另附：Shit – An implementation of Git using POSIX shell.
Mozilla lost the browser wars. It still thinks it can save the internet
The inside story of a very long, sometimes lonely and totally quixotic quest. 另附：Firefox 73 is upon us.
Announcing Ionic 5!
Today, I’m thrilled to announce Ionic Framework 5 (Magnesium)! 🎉 This release includes iOS 13 design updates, a brand new API for creating your own custom animations, revamped Ionicons, updated Ionic colors, new starter designs, improvements to component customization, and more!
Announcing .NET Interactive - Try .NET includes .NET Notebooks and more
At Microsoft Ignite 2019, we were happy to announce that the “Try .NET global tool” added support for C# and F# Jupyter notebooks. Last week, the same team that brought you .NET Notebooks announced Preview 2 of the .NET Notebook.
10 Useful React Components for 2020
Different React components for different occasions.
A flexible, type safe routing library. This is a beta release. The Type Route API has been vetted with production code but the library has not yet reached version 1.0. More community feedback is needed to validate the project’s maturity. Use the issue tracker to communicate this feedback in the form of bugs, questions, or suggestions.
React Navigation 5.0 - A new way to navigate
Exactly two years ago, we published the first stable version of React Navigation. Throughout this time, the library has been actively developed by adding many new features and bug fixes. The essence of React Navigation was that it was a project that was to become not only a project of individual programmers adapting it to their requirements, but a community as a whole, hence the emphasis on versatility, extensibility, and the tendency to reconsider the assumptions if there were such needs. Thanks to this, the Library has been undergoing metamorphosis of both incremental and completely reorganized shape.
Full-sized drag & drop event calendar. 另附：react-big-calendar.
<canvas> element. This library defines basic graphics primitives like lines, rectangles, polygons, ellipses, bézier curves, etc. All shapes are drawn either outlined or filled in.
Request - Simplified HTTP client is Now ‘Fully Deprecated’
As of Feb 11th 2020, request is fully deprecated. No new changes are expected to land. In fact, none have landed for some time. Alternative libraries to request.
Lightweight job scheduling for Node.js
Swift Playgrounds for macOS
Swift Playgrounds is a revolutionary app for Mac and iPad that makes it fun to learn and experiment with code. You solve interactive puzzles in the guided “Learn to Code” lessons to master the basics of coding, or experiment with a wide range of challenges that let you explore many unique coding experiences.
Fyne - Cross platform GUI in Go based on Material Design
Fyne is an easy to use UI toolkit and app API written in Go. It is designed to build applications that run on desktop and mobile devices with a single codebase.
SciPy 1.0: fundamental algorithms for scientific computing in Python
SciPy is an open-source scientific computing library for the Python programming language. Since its initial release in 2001, SciPy has become a de facto standard for leveraging scientific algorithms in Python, with over 600 unique code contributors, thousands of dependent packages, over 100,000 dependent repositories and millions of downloads per year. In this work, we provide an overview of the capabilities and development practices of SciPy 1.0 and highlight some recent technical developments.
Linux 5.6 Is The Most Exciting Kernel In Years With So Many New Features
https://www.phoronix.com/scan.php?page=article&item=linux-56-features&num=1 The quick summary of Linux 5.6 changes include: WireGuard, USB4, open-source NVIDIA RTX 2000 series support, AMD Pollock enablement, lots of new hardware support, a lot of file-system / storage work, multi-path TCP bits are finally going mainline.
18-year-old personal website, built with Frontpage and still updated
Ultimate Electronics Book - 134+ interactive schematics & simulations
Electronic systems rule our modern world, bridging the gap between software and physical reality. From communication to industrial process control to transportation to entertainment, the field of electronics continues to grow in reach and complexity. A working knowledge of basic electrical engineering concepts is now a powerful tool in many fields, and this value is likely to grow in the coming decades.
A collection of free single-purpose online tools for web developers…
The Map of Mathematics
A project by Quanta Magazine. Text by Kevin Hartnett. Design and visualizations by Kim Albrecht and Jonas Parnow. Here is a map of mathematics as it stands today, mathematics as it is practiced by mathematicians. From simple starting points — Numbers, Shapes, Change — the map branches out into interwoven tendrils of thought. Follow it, and you’ll understand how prime numbers connect to geometry, how symmetries give a handle on questions of infinity.
To become a good C programmer (2011)
Every once in a while I receive an email from a fellow programmer asking me what language I used for one of my games and how I learned it. Here is an entry that list the best things to read about C. If you know of other gems, please email me or add a comment at the bottom of the page.
Material Design Components for Android 1.1.0 Are Now Available
Material Theming, new components, dark theme support, and more. 另附：Why Use Material Design? Weighing the Pros and Cons.
Why UX is so hard in Digital workplaces
Digital revolution has been a boon for both the employees and organisations. It is so liberating as we have more flexibilities and freedom. We have option to work from home, organisational hierarchies are slowly diminishing, open office culture is becoming a trend and many digital tools make our lives easier.
Sketch 63 — What’s new?
Sketch is much more than UI Design Tool. I create not only all my UI Designs there but also images for blogs, banners, ebooks, Instagram posts, Dribbble shots, Images for Twitter, and Facebook. I suppose that you also use Sketch for multiple other digital design things. Sketch Team noticed that and with this update they prepared stuff to help us work faster with social media images!
What is Atomic UX Research?
A new way to organise UX knowledge in an infinitely powerful manner
作为任何人（任何产品、任何内容、任何公司），如何赢得自己所需的大众支持。如果你在运营一种产品、一种内容、一个平台，你应该选择“尽可能争取中立者”，尽可能扩大自己的用户基础；还是应该选择“尽可能动员基本盘”，在垂直或特色领域里面做出尽可能大的文章呢？很多应用已经证明，若能充分动员基本用户、垂直用户，那么 1 亿人可以打败 3 亿人，3000 万人可以打败1亿人，500 万人又能打败 3000万人。在收入环节尤其如此：“为爱付费”不是一句空话。这个世界上，永远有人爱你、有人恨你、有人对你没感觉。你可以说服尽可能多的人爱你，也可以说服爱你的人更爱你。最终，你可能发现：爱你的人都是你的死忠粉丝，而“恨你”的人其实也不希望你死，他们只想远离你而已。
– THE END –