2021 Software Development Trends & Essential Frontend Guides

21 Software Development Trend Predictions for 2021

2020 was a pivotal year for software development, with breakthroughs across many fields. Based on certified data, charts, and facts, this article forecasts 2021 changes, covering cloud, edge computing, containers, quantum, blockchain, artificial intelligence, deep learning, batch processing, streaming, databases, programming, software architecture, web, app, low-code, and no-code.

https://mp.weixin.qq.com/s/-5iSLn61iA78135GOhGdiQ

Deco Smart Code – Revolutionizing Production‑Research Efficiency

Deco Smart Code is an exploration of frontend intelligence, aiming to generate code from design drafts (DesignToCode) to enhance production‑research efficiency.

https://juejin.cn/post/6913708304682369038

TS Tutorial: How to Write Module Type Declarations

When using third‑party libraries, declaration files are needed for code completion and interface hints. This guide explains how to write declaration files when they are not provided.

https://ts.xcatliu.com/basics/declaration-files.html

Frontend Authentication: Cookies, Sessions, Tokens, JWT, SSO

This article covers:

Background of HTTP‑based frontend authentication

Why cookies are convenient and how to manipulate them

How session solutions work and their issues

How token solutions work, encoding, anti‑tampering, JWT purpose, and refresh token implementation

Differences, advantages, and disadvantages of sessions vs. tokens

What single sign‑on is, its implementation ideas, and browser handling

https://zhuanlan.zhihu.com/p/281414244

The Node_modules Dilemma

Ryan lists drawbacks of node_modules, especially in frontend engineering, and suggests possible improvements.

https://juejin.cn/post/6914508615969669127

Five Common Mistakes Writing React Components (with Hooks) in 2020

Despite React’s maturity and new hook API, many developers still make pitfalls. This article lists common mistakes with hooks and offers cleaner alternatives.

https://www.lorenzweiss.de/common_mistakes_react_hooks/

Front‑End Team Efficiency Exploration and Practice

Improving development efficiency and fostering technical growth are perpetual topics. The article shares stories to inspire developers to understand their value and enhance team productivity.

https://www.yuque.com/lizhiyao/dxydance/kikle8

CORS and CSRF Mastery Guide

CORS (Cross‑Origin Resource Sharing) is a browser specification that allows web services to bypass same‑origin policy, supporting methods beyond GET. CSRF (Cross‑Site Request Forgery) forces logged‑in users to perform unintended actions, exploiting trust between sites and browsers.

https://mp.weixin.qq.com/s/QpT1K63Iod9e3dm4doIm5Q

Exploring Front‑End Fault Drills – D2 Video + Article

Front‑end availability suffers from limited observability. The article discusses three main issues: insufficient awareness of usability, lack of ecosystem participation, and missing continuous measurement capability, and proposes a fault‑drill approach.

https://mp.weixin.qq.com/s/WKCAxddI_tWA4_qu6ZYmCg

React Concurrent Mode: What, Why, How

React v17 serves as a stepping stone, focusing on internal support for Concurrent Mode. This article details the origins, architecture, and API implementation of Concurrent Mode.

https://zhuanlan.zhihu.com/p/275776067

React Hook Series – Asynchronous Loading Indicators with Delay

When handling asynchronous processes, showing a loading indicator can degrade user experience if the operation is brief. The article outlines three requirements: conditional indicator display based on duration, avoiding flicker for short tasks, and preventing duplicate requests.

https://zhuanlan.zhihu.com/p/338763096