This 2,743 words article takes 6 minutes to read and 2 minutes to speed read. I returned to Beijing this morning after a few days’ holiday, so I didn’t send it until Sunday night. This issue covers IDE, command line, React, Vue, etc. It also covers the development environment and equipment of csSWizardry bloggers. Enjoy the selection below.

Technology of dynamic

React V15.5.0 is released

Facebook recently released React V15.5.0. The changes include deprecation warnings for CreateClass and PropTypes and some bugfixes.

Dropbox: Brotli static resource compression algorithm for real

This article comes from the Dropbox engineering team, who deployed Brotli: a compression algorithm 20% smaller than Gzip compression to provide static resources in their service, with detailed data, implementation, and post-deployment issues.

The article tutorial

6 reasons async/await is dumping Promise blocks

Support for async/await features is naturally enabled in Node.js V7.6.0, so if you don’t know what they are, drop what you’re doing and study them. Async /await is a more elegant way of processing JAVASCRIPT asynchronously and writing code is much more concise than Promise. Here are 6 reasons

Grid Garden: Interactive Grid layout learning Garden

Grid Garden is an interactive Grid layout learning Garden, where code and demonstrations are displayed side by side to teach you the various properties of a Grid layout.

How to handle Unhandled Promise Rejection in Node.js

Node.js, starting with V6.6.0, prints an unprocessed Promise Rejection as Warning on the command line, and a Promise Rejection usually means that our application threw an error. Future node.js releases will throw a Promise Rejection instead of a warning. How do we handle this in our current code? What’s the pit? It’s all in this article.

MobX vs Redux: Comparing the Opposing Paradigms

Redux and MobX are the most popular state management tools in the React ecosystem, and the community has never stopped discussing them. In React Conf 2017, Preethi Kasireddy wrote “MobX vs Redux: Comparing the Auditparadigms.” If you are good at English, you can watch videos on Youtube.

You can’t see the CSS properties

On a daily basis, your primary goal may be to make the page elements look exactly the same as the design, and the process of getting there may not be as important as the result. This also means that with CSS, we care more about the visual than how CSS actually works. Those of you who have had some work experience are probably aware that the visual effects of CSS code can be affected by some invisible properties, such as display properties. How do you really know CSS? Learn more about invisible properties in this article.

The development tools

Reactide: An IDE customized for React

Reactide is an integrated development environment (IDE) designed specifically for React. It supports Windows and Mac, and is visually written using Astro Boy technology. The React application doesn’t require any configuration. It’s still in the early stages of development, so if you’re interested, you can try it out.

Bash Getting Started Learning Guide

There is an article in issue 49 entitled “Good Programmers love the Command Line,” and bash is a classic of many command line environments. This article lists the various operations that can be done in Bash, such as files, directories, text, networks, etc., without very complicated arguments, it is a good place to get started.

Polish your Node.js development environment with.npmrc

For Node.js developers, the NPM command line is probably second only to the editor in daily usage. The Node.js ecosystem thrifies on NPM, which is highly configurable and customizable. This article lists global configurations that can be done with.npmrc to optimize your development environment.

Harry Roberts development environment and equipment

For those of you who don’t know Harry Roberts, csswizardry.com is a web site where he writes about his development environment and equipment. In this article, he posts about how to do your development environment and equipment well. Tuning and practicing your development environment is essential if you want to be effective.

Look for inspiration

Vue. Js 2.2 API cheat bar

This cheat bar lists the full API of Vue. Js 2.2, with a link to the official documentation. The layout is clear, and you can print it out if you like.

11 ways to call a JS function

This gist lists 11 ways to call JS functions, and it’s a pretty big hole for you to dig in the comments section. Most of you have only used a few of them.

Good question and answer

How can YOU make your application more secure with HTTP headers?

This article, published in Smashingmagazine, shows you how to make your application more secure by setting the right HTTP headers, specifically how to avoid embedding, XSS, caching, clickhijacking, and sniffing. Serious engineers should apply these safety measures to practical projects.

Why algorithms and code in engineering interviews?

A lot of people who are interviewing for engineering positions complain about why they have to test algorithms and write code in the interview. What’s the use of making people brush interview questions every day? This article talks about the reason for doing so, and I agree with it very much. Rather than algorithms for algorithms’ sake, interviewers need to determine whether a candidate is smart and productive in the short interview time.

One More Thing

The author of this article is Wang Shijun. For commercial reprint, please contact the author for authorization. For non-commercial reprint, please indicate the source. If you have any questions about the content of this article, please leave a comment. Want to know what I’ll write next? Please subscribe to this nuggets column, or my zhihu column: Front End Weekly: Keeping you up to date on the Front End.

Happy Hacking