recommended
1. High-performance MobX Mode (Part 3) – Use Case Tutorial
zhuanlan.zhihu.com/p/28199184
The first two parts focus on building the basic MobX modules. With these modules we can begin to solve some real-world problems. This article will apply the concepts we already know through a series of examples. Of course, this isn’t a lengthy list, but it’s something you can try to change your mind about using MobX. None of the examples are implemented using the @decorator syntax. This allows you to try it out on the Chrome console, in the Node command line environment, or in an IDE like Webstrom that supports temporary files.
2. React 16 error handling
Facebook. Making. IO/react/blog /…
In React 15.x and earlier versions, an exception inside a component could affect the React internal state and cause unknown errors in the next render. Exceptions in these components are often thrown by the application code itself. In previous versions of React, it was left up to developers to handle them, rather than providing elegant ways to handle exceptions in components. In React 16.x, the concept of Error Boundary is introduced to ensure that errors at the UI level do not cascade and cause the entire application to crash. Exceptions that are not caught by any exception boundaries can cause the entire React component tree to be uninstalled.
3. Big front-end technology stack from the perspective of software engineering
Gitbook. Cn/books / 59676…
As we all know, there are almost no Web front-end courses in college. At my university, for example, the only courses that introduced us to JavaScript were ‘human Interface’ and ‘Web Application Development’ electives. In addition, due to the short class hours of these elective courses, the main groups are most college students and other reasons, the content level involved in the final is difficult to catch up with the rapid changes in the Web front-end field in recent years. Self-study, it seems, is the common growth path for the majority of front-end learners. This paper attempts to combine the background of software engineering with the thought of software engineering, and start a tour of the big front-end technology stack which is often “unknown”.
4. Go deep into PostCSS Web design
www.w3cplus.com/preprocesso…
PostCSS is a tool, a processor that has grown to become as mainstream as Sass and LESS, all thanks to its power, speed, and ease of use. Inside PostCSS Web Design is a complete guide to using PostCSS. Inside PostCSS Web Design will guide you on how to write great styles and apply them to Web pages, while keeping your styles maintainable.
other
1. Video streaming based on Node.js and HTML5
medium.com/@daspinola/…
This article walks you through how to build the basic Node.js interface and add a route to send the video file to the front end. This article first introduces the basic concepts of streaming in Node.js and the basic API of how to get file volume, create stream from file, and get block size. Then it describes how to set up a server and add the appropriate route to return the video stream. Finally, it introduces how to use HTML5 video tag to realize video playback and control.
2. Next generation 3D graphics on the Web
Github.com/xitu/gold-m…
Apple’s WebKit team has suggested forming a W3C community group to discuss the future of 3d graphics on the Web and develop a standard API that supports modern GPU features, including underlying image processing and general-purpose computing.
3. The new Chrome comes with a new font rendering property called font-display
Mp.weixin.qq.com/s/Z_AevQB0_…
Web fonts can give you richer typography, but not all users will have the fonts, so download them, and downloadable fonts will make your site appear slower to open. However, we can use the backup font and let the browser render it if the font takes too long to download. So this new font-display property can help you control how fonts that you want to download are rendered before they are finished loading.
4. Alibaba will open source the Angular component library NG-Zorro
parg.co/bWL
Zorro is designed by the Ant-Design team and shares a consistent style and animation with other component libraries. Zorro is already being used within the Alibaba Cloud team, both in terms of the number of components and the quality of the code, including the design, are very exciting to look forward to! This is great news for the Angular community, and Zorro’s release will further enhance Angular’s great edge in enterprise applications.
5. Angular and Vue dialogue
- What does Angular do better than Vue? (Deleted by author)
- In response to the question “What is Angular better than Vue?”
- The last response to desert poor Autumn
- What is better about Angular than Vue? ?
- What does the Angular/VUE dialogue really do for the front-end community, and will it advance the front end?
- How do you feel about The desert poor Autumn leaving and deleting all the articles in his column?