Small make up recommend

DevOps Meditations on Large Front-end Projects — CI

“This article will focus on the capabilities that DevOps needs to provide in the continuous integration phase. It will provide a brief overview of workflow design and pipeline optimization ideas.”

The Plan for React 18

React 18 will include out-of-the-box improvements (such as Automatic batching), new apis (such as startTransition), and a new SSR architecture with built-in support for React. Lazy.

  

Appendix: Chinese version

CSS size-adjust for @font-face

As a web font loads, you can now adjust its scale, to normalize the document font sizes and prevent layout shift when switching between fonts.

Framework & Foundation

Introduction and practice of micro-front-end framework MicroApp

MicroApp realizes the micro front end from the component-based thinking, aiming to reduce the difficulty of getting started and improve the work efficiency. It provides a series of perfect functions such as JS sandbox, style isolation, element isolation, preloading, resource address completion, plug-in system and data communication.

Design and practice of cross-end reuse framework

“We started off from the reuse design level, explore the page multiplexing mode, component reuse mode,” components and logic reuse “model of three kinds of reuse design approach, and according to the different scenarios with different mode of reuse, can handle well across the differentiation problem, at the same time can take the performance experience, efficiency and maintainability.”

Clean JavaScript code: Exception handling

“Countless examples tell us that if a programming language provides exception handling, we must use it to handle exceptions so that we can focus on the logic of the business itself.”

An analysis of NodeJS multi-process and clustering

About multiple processes and clustering in NodeJS.

English reading

New Suspense SSR Architecture in React 18

“React 18 will include architectural improvements to React server-side rendering (SSR) performance. These improvements are substantial and are the culmination of several years of work. Most of these improvements are behind-the-scenes, but there are some opt-in mechanisms you’ll want to be aware of, especially if you don’t use a framework.”

Making JavaScript run fast on WebAssembly

“Today, we’re starting work on optimizing JavaScript performance for entirely different environments, where different rules apply. And this is possible because of WebAssembly.”

expand

Intelligent design and production of color detail and application

“Make a smarter UI that understands the user better.”

B-side product availability measurement and evaluation system

“Experience (or satisfaction) is perceptual, what should you measure and how should you measure it?

B end product design specification from 0 to 1

“Paying attention to design specifications and taking the time to put them in order is crucial for the team to work effectively together.”