Front-end Micro Weekly is a weekly newsletter for front-end developers with technology-related news and articles.

Wechat search and subscribe to the “front micro blog” public account.

๐Ÿ“ฐ information

Node.js and Deno creator Ryan Dahl

Reducing Complexity is Always Proper by Ryan Dahl

As the founder of Node.js and Deno, Ryan Dahl has a deep understanding of software infrastructure and ecology. This short interview talks about his thoughts and experiences in these areas.

Firefox 86 introduces full cookie protection

Firefox 86’s full cookie Protection is built into Enhanced Tracking Protection (ETP), which binds cookies to the site that created them, preventing Tracking companies from using your cookies on other sites to track you.

TypeScript 4.2 release

TypeScript 4.2 is released with major updates:

  • More intelligentTypeAlias protection;
  • The Tuple type supports three-point operators at the beginning and middle (…). ;
  • inOperators are checked more rigorously;
  • abstractConstruction signature;
  • Declare missing helper functions;
  • .

Babel V7.13.0 was released, the first minor release in 2021

Babel V7.13.0 has been released, and this update includes:

  • New Level 1 attributetarget, the target can be shared across multiple plug-ins;
  • “Radical” attributes:assumptionsWhen the compiler runs, it can set a variety of conditions to affect the output.
  • Support TC39 Stage2 proposal features:Record ๅ’Œ Tuple;
  • supportTypeScript4.2 andFlowNew features;
  • @babel/runtime ็š„package.jsonIn the newexportsFields that developers can automatically choose to useCJSorESM;
  • .

Flutter animation is slow and frames drop in iOS

There has been a discussion on Reddit about the animation lag and frame drop of Flutter on iOS. The problem is that there are some scenes in the iOS app that cause the Flutter animation to drop frames, and the experience is terrible. Many related issues have been put forward, hoping for a clear timeline of repair from the official. The Flutter team said it was an architectural design flaw and needed to be reworked and fixed. They could not give a specific date.

NASA opens source code for Mars drone operation

NASA’s Perseverance rover has landed on Mars, along with a drone, the first to run a Linux operating system on the planet. NASA has open-source the operating code for the drone on GitHub, a project called FPrime (Fยด).

๐Ÿ“– articles

Deep thoughts on modern package managers — why do I now recommend PNPM over NPM/YARN?

Deep thoughts on modern package managers introduces some of the problems NPM/YARN has with package management, and how PNPM can solve these problems and make the experience better.

How act() works inside react?

How act() works inside react? It’s not easy to do automated tests in React, especially outside of a browser environment. React state changes are asynchronous, so you wait for updates to complete before verifying them. The act function is used to ensure that you know when the update is complete. How does the act() function work?

How to convert any website/webpage into an installable progressive web app (PWA)

How to convert any website/webpage into an installable Progressive Web App (PWA) This article provides a step-by-step process for adding PWA support to your web site, which is worth a look.

Writing Well: a must-have skill that no one teaches software developers

Based on his own experience, the author summarizes the positive impact of Writing as a software engineer on career development, which is worth our thinking. Maybe you can also get into the habit of writing regularly, which will benefit you in your work and life.

๐Ÿ›  Tools and plug-ins

CSS Animation generation tool

Several WYSIWYG CSS Animation generation tool site, to toss Animation quite convenient. Animista, CssAnimate, AngryTools, Coveloping, TheAppGuruz, KeyFrames.

Turbo Console Log

Turbo Console Log is a VS Code plugin that automatically adds stack and variable information to the Log, eliminating the need to manually enter various debugging flags.

Bracket pair colorizer 2

Bracket Pair colorizer 2 is also a VS Code plugin that allows you to distinguish brackets between multiple brackets without getting lost in all the brackets.

๐Ÿฅ… code snippet

<a>Attribute of the label: ping

<a href="/some/thing" ping="/track">
  Go
<a>
Copy the code

Most developers use the A tag all the time and are unaware of the ping attribute. The value of this property is a URL to which the browser automatically sends a POST request when the A tag is clicked, often used for behavior tracking such as burying points.

Intl.ListFormat Array concatenation string nifty

const items = [
  'Sojourner'.'Opportunity'.'Spirit'.'Curiosity'.'Perseverance',]const formatter = new Intl.ListFormat('en', {
  style: 'long'.type: 'conjunction',})console.log(formatter.format(items))
// logs: "Sojourner, Opportunity, Spirit, Curiosity, and Perseverance"
Copy the code

Intl.ListFormat is a very low-cost, internationalized API that can generate “linkers” in different languages based on the parameters. If the first parameter of ListFormat is set to zh, the “linker” is “and”. Listify a JavaScript Array will give you a better understanding of this API. It should be noted that currently only apple browsers (desktop and mobile) do not support this API๐Ÿง.

๐Ÿ’ป Front-end position

Recruitment board, record the latest in the recruitment of front-end positions information. If you want to hire someone, you can add them to the comments section. You can also contact me personally or by email at [email protected].

Didi Chuxing – Vehicle Service Terminal Department: Senior front-end development engineer

Job Competitiveness:

  • The business environment of xiaoju car service e-commerce is a very good business scenario for the front-end ability to play.
  • High-speed growth teams, cross-end, IoT, end AI and other fields are vigorously practicing and have rich practical scenarios.
  • Encourage active business empowerment of end technology, personal initiative and system product thinking.

Welcome interested students to contact:[email protected]

– End –

The article was first published on the official wechat account front-end Wezhi.

For the first time to receive the article push, more front-end forward-looking technology sharing, please search wechat to follow the “front-end weizhi”,