一個能夠支持前后端分離并支持中間層同構的完整框架,或許現在它還不夠完善,但是我會把構建該框架中遇到的問題都列出來,以方便其他人遇到問題不在需要去到處搜索問題,希望為自己搭建框架的人有一些幫助,文...

Twitter Lite以及大規模的高性能React漸進式網絡應用

Stateless function 無狀態組件 平時寫組件用到比較多的就是無狀態組件，不但優雅，也是優化react性能的一種手段。 const Greeting = ({ name, styl...

Redux是什么呢？一個狀態管理工具。那是干嘛用的呢？都知道，React可以進行單頁應用的開發，可以對頁面 中各個模塊進行分割形成組件，而組件之間就避免不了事件的傳遞或數據的交互，那Redux就...

CSS模塊是一個CSS文件，其中所有類名和動畫名稱在本地默認范圍. CSS模塊就是所有的類名都只有局部作用域的CSS文件。

JavaScript 經常會觸發視覺變化。有時是直接通過樣式操作，有時是會產生視覺變化的計算，例如搜索數據或將其排序。時機不當或長時間運行的 JavaScript 可能是導致性能問題的常見原因。...

React 已經在 JavaScript 中普及了函數式編程。 這導致一些大型框架采用了 React 使用的基于組件的 UI 模式。 現在功能性發燒已經蔓延到整個網絡開發生態系統中。

在react典型的數據流中， props 傳遞是父子組件交互的唯一方式；通過傳遞一個新的 props 值來使子組件重新 re-render ,從而達到父子組件通信。當然，就像react官網所描述...

開門見山，由于我們項目的前端只有一個 bundle ，所有代碼都在一個js文件里，隨著功能不斷的堆疊，體積已經到無法忍受的地步了（gzip后即將突破300k），導致首屏的時間不停的漲啊漲，最近一...

一款輕量級的圖片上傳裁剪組件

近年來，冒出大量MVVM框架，但它幾乎無一例外依賴于babel, webpack等編譯或手腳架，這讓小公司出身的前端們望洋興嘆。因此小城市的前端們，沒有高手帶著，許多培訓班出身，或自學成才轉行，...

本文首先分析React在DOM事件上的架構設計、相關優化、合成事件(Synethic event)對象，從源碼層面上做到庖丁解牛的效果。同時，簡單介紹下react事件可能會遇到的問題。

本文主要是提取了開發組件工程化的一些關鍵要點，具體的開發腳手架可以參考 steamer-react-component ，里面主要舉了 pure-render-deepCompare-decor...

A spreadsheet component for React

React 起源于 Facebook 的內部項目，因為該公司對市場上所有 JavaScript MVC框架，都不滿意，就決定自己寫一套，用來架設 Instagram 的網站。做出來以后，發現這套...

在我第一次編寫 React 代碼的時候，我見發現許多不同的方法可以用來編寫組件，不同教程教授的內容也大不相同。盡管從那時候起框架已經相當成熟，但并沒有一種固定的“正確”方式指導。

新聞熱點 前端領域最新動態 《Chrome開始集成圖形識別 API》 ：最近，Chrome團隊嘗試在Chrome中集成了一套與圖形識別相關的API，使得圖形識別這種以前只在原生應用中存在，或者在...

本文會教你如何在50 行代碼內，不依賴任何第三方的庫，用純 JavaScript 實現一個 React.js 。

這是一篇給初學者的教程, 在這篇教程中我們將通過構建一個 Hacker News 的前端頁面來學習 React 與 Webpack . 它不會覆蓋所有的技術細節, 因此它不會使一個初學者變成大師...

當我們談起React的時候，多半會將注意力集中在組件之上，思考如何將頁面劃分成一個個組件，以及如何編寫可復用的組件。但對于接觸React不久，還沒有真正用它做一個完整項目的人來說，理解如何創建一...