2017-2018 年度个人阅读过的文章整理集

React

1. 【React & PWA】Twitter Lite and High Performance React Progressive Web Apps at Scale
2. 【React & PWA】大型高性能React PWA如何消除各类性能瓶颈？
3. How to better organize your React applications?
4. React, Inline Functions, and Performance
5. 揭秘 React 状态管理
6. How to greatly improve your React app performance
7. D2 - 打造高可靠与高性能的React同构解决方案
8. 深入理解 React 高阶组件
9. 当初要是看了这篇，React高阶组件早会了
10. React 设计模式和场景分析
11. React v16.6.0: lazy, memo and contextType
12. React 新 Context API 在前端状态管理的实践
13. 对React Hooks的一些思考
14. 干货 | React模块懒加载初探
15. Deploying ReactJS With Docker

React Native

1. React Native Performance — An Updated Example
2. 学习React Native必看的几个开源项目
3. Moving Beyond Animations to User Interactions at 60 FPS in React Native
4. React Native—手势响应系统
5. 6 TIPS YOU WANT TO KNOW ABOUT REACT NATIVE PERFORMANCE
6. 前端组件化开发方案及其在React Native中的运用

Vue

1. Vue.js最佳实践（五招让你成为Vue.js大师）
2. Vue SSR不可不知的问题
3. Vue源码阅读：文件结构与运行机制

Flutter

1. 关于Flutter，你想知道的都在这里了！
2. 干货 | 高效开发与高性能并存的UI框架——携程Flutter实践
3. 桌面上的Flutter：Electron又多了个对手
4. 【Flutter教程】从零构建电商应用
5. 使用 Flutter 开发 macOS App

JavaScript

1. 谁说Javascript简单的？
2. WTF JavaScript？？？
3. 如何写出小而清晰的函数？（JS 版）
4. 几种 JavaScript 动画库推荐
5. 100个直接可以拿来用的JavaScript实用功能代码片段
6. How to Speed Up Lo-Dash ×100? Introducing Lazy Evaluation.
7. JavaScript 性能优化技巧分享
8. JavaScript的隐形成本
9. [译] 深入理解 ES Modules (手绘示例)
10. 渐进式Web应用（PWA）入门教程（上）
11. 渐进式Web应用（PWA）入门教程（下）
12. 前段进阶必备：JavaScript 内存机制
13. 深入了解JavaScript引擎精华
14. JS 中可以提升幸福度的小技巧
15. We have a problem with promises
16. 前端模块化详解
17. Javascript 之 Scroll 事件
18. Object.assign 原理及其实现
19. JavaScript性能优化之摇树
20. 回到最初：开发不需要“编译” 的 WebApp
21. quicklink 为你的页面实现秒开

CSS

1. 编写模块化的 CSS（第一部分) —BEM
2. 编写模块化的 CSS（第二部分）—命名空间
3. 编写模块化的 CSS（第三部分）—CSS 文件组织结构
4. 了解真实的『REM』手机屏幕适配
5. 什么是关键 CSS
6. 神奇的选择器 :focus-within
7. Flexbox，终于可以承认自己明白了
8. CSS性能优化的8个技巧
9. 妙用 scale 与 transfrom-origin，精准控制动画方向
10. 编写模块化CSS - BEM
11. 【译文】CSS 与网络性能
12. CSS Animation 101

HTML

1. 开箱即用的网站可访问性提升指南
2. 使用 font-display 提升使用自定义字体（font-face）时的性能与用户体验
3. 【年底补课】HTTP缓存机制
4. 从输入URL到页面加载的过程？如何由一道题完善自己的前端知识体系！
5. 有一种优化，叫Preload
6. 浏览器页面渲染机制，你真的弄懂了吗？
7. HTML5 prefetch
8. 资源预加载preload和资源预读取prefetch
9. 常用meta整理
10. 【Input】如何做一个听话的 “输入框”

Node

1. Node.js如何解析Form上传？
2. 干货 | 携程机票Node.js开发实践

Webpack

1. Webpack HMR 原理解析
2. Webpack 构建优化
3. 深入理解 webpack 文件打包机制
4. webpack使用CommonsChunkPlugin拆包心得
5. 你拆分JS代码的方法可能是错的！
6. 这 5 个关键点 ，带你深入 Webpack

Git

1. Git 配置最佳实践

Others

1. Pragmatic view of the modern front-end application development
2. 泛型的意义和作用
3. 关于 RESTFUL API 安全认证方式的一些总结
4. Facebook 这类网站如何处理数十亿请求并保持高可用性的？
5. 架构师必须知道的架构设计原则
6. IMVC（同构 MVC）的前端实践
7. 浅谈 MVC、MVP 和 MVVM 架构模式
8. 精读《REST, GraphQL, Webhooks, & gRPC 如何选型》
9. 想写好前端，先练好内功
10. 前端码农之蜕变 — AST（抽象语法树）
11. 应对流量劫持，前端能做哪些工作？
12. 前端决策树
13. 如何优雅处理前端异常？
14. 九种跨域方式实现原理（完整版）

Chinese Documents

1. Redux-Saga
2. ECMAScript 6 入门
3. Sketch-Practice