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