All Articles

The 7th year of a 10-year journey

The 6th year of a 10-year journey

Thoroughly understand the origins of prototype, proto, constructor, and instanceof.

The 5th year of a 10-year journey

What are React Server Components? What are they used for? What do they look like?

This article, as the third (and final) piece in the Next.js series, records the design techniques I discovered from it, including API design, documentation design, framework design, etc., sharing them with you

SSG has the best performance, SSR has the widest application scope, CSR has the best navigation experience. Must we choose between the three? No, I want them all

Comprehensive static rendering/server-side rendering support makes Next.js unique in the React ecosystem

Is hydrate adding water? Then what does water mean?

How do React components become HTML strings? How are these strings streamed while being concatenated? What does hydrate actually do? Just look at the source code

React's SSR API is divided into two parts, one面向 server-side, the other still executes on client-side

Under the banner of low-code, where should the low-code platform I'm working on go?

For a long time before the separation of frontend and backend, server-side rendering was dominant (JSP, PHP). Now it seems we've come full circle back to the starting point.

The time has come, SSR is landing and flourishing

Should we use SSR, what are the benefits?

If Web didn't support dynamic capabilities initially, what kind of dynamic path would the frontend army have forged?

For tool platforms that are being built or will be built, how to further enhance their efficiency value?

Frontend engineering usually means building a series of tools and platforms, so how should the value of these infrastructure work be measured? Is there a universal measurement model?

Is a "Grip" the intersection of technology and business? Or is it an opportunity or an entry point?

From an object-oriented perspective, frontend engineering is the relationships and interaction behaviors between objects

From a process-oriented perspective, frontend engineering is a series of engineering facilities throughout the frontend application lifecycle, used to ensure the development experience, quality, and delivery speed of frontend applications

React 17 is coming, a very special version

Sometimes Write Once, Run Everywhere is just a beautiful vision

What is low-code today? What's the difference from Dreamweaver 20 years ago?

Big should play big advantages, so customized IDE should have different value embodiments at different stages

Amidst all the changes, what remains invariant?

The 4th year of a 10-year journey

What will the frontend development model look like with FaaS support?

What's the relationship between TC39, ECMAScript, and JavaScript?

Compared to ES2019, ES2020 is a major update, dynamic import, safe chaining operations, big integer support... all added to the deluxe lunch

What do CSR, SSR, Prerendering, and Rehydration mean?

Unlike React Hot Loader which struggled hard for 6 years, Fast Refresh was born in the React family

How is Hot Reload achieved?

What is HMR, and what is its purpose?

How is JSON field suggestion and validation achieved? Is it extensible?

How exactly are these 4 types of modules supported by require loaded?

What are C++ extensions, how to write them, and what are they used for?

You use Node.js every day, but have you ever wondered how it's implemented?

System Design Notes series (14 articles in total), completed

What happens when require()? How is Node.js internally implemented? What's the use of knowing these?

Theoretically, adding cache at any layer before the data layer can block traffic and reduce operation requests that eventually reach the database

Rather than normalizing first, then denormalizing after encountering performance bottlenecks, it's better to consider denormalized design from the start—directly adopt NoSQL

For relational databases, is there a way to further improve data read performance?

With the Replication mechanism, is the database scaling problem smoothly solved?

Expanding from single database to multiple databases requires at least one data update synchronization mechanism, called Replication

How to understand Service Mesh?

Microservices architecture is responsible for splitting services and decoupling dependencies, while Service Discovery is used to solve communication problems between these services, allowing one microservice to find another

Why is reverse proxy called "reverse" proxy?

Theoretically, there's an opportunity to change the endpoint at any layer from 2~7, but common load balancing mechanisms are mostly implemented at layer 4 and layer 7. Why is that?

What is CDN? What's it used for? What does it look like? How does it work?