前端学习指南 - 进阶篇之 “道”

本文重点关注技术背后的原理、架构思考、编程方法论等方面。会搜集看到的一些好文章、讨论等。如果您有推荐，请提 PR ，谢谢！

Architecture 架构

系统设计黄金法则：简单之美

Arale 背后的一些设计理念

我理解的阿里无线前端“架构”

理想的应用框架

Web 研发模式演变

单页应用的数据流方案探索

服务化

页面可视化搭建工具前生今世

前端服务化——页面搭建工具的死与生

前端即服务-通向零成本开发之路

美团外卖前端可视化界面组装平台 —— 乐高

工程化

fouber 的博客

个人理解的前端工程化

组件化和模块化

2015前端组件化框架之路

前端工程与模块化框架

关于前端开发中“模块”和“组件”概念的思考

重新设计 React 组件库

Design Pattern 设计模式

JavaScript设计模式：单例模式

Programming Methodology 编程方法论

Overcoming Intuition in Programming

程序观点下的线性代数

Defensive programming 防御性编程/安全编程

基本规则：保护程序免遭非法输入数据的破坏。

提供默认值
使用 propTypes/type 属性校验类型
使用 props 之前先检查该 prop 是否存在

数据流

前端数据流哲学

Monads

Functors, Applicatives, And Monads In Pictures

中文版

Functional Programming 函数式编程

mostly-adequate-guide/details

中文版

JS函数式编程指南

React Basic Theoretical Concepts

React - Basic Theoretical Concepts

中文版

React 设计思想

React的设计哲学 - 简单之美

Principle 原理

How Browsers Work: Behind the scenes of modern web browsers

What-happens-when

JavaScript的 AST 抽象语法树与语法解析

Performance 性能

浏览器前端优化

7 天打造前端性能监控系统

14 Rules for Faster-Loading Web Sites

JavaScript 启动性能瓶颈分析与解决方案

BigPipe

BigPipe: Pipelining web pages for high performance

Facebook让网站速度提升一倍的BigPipe技术分析