近幾年前端框架興起,原本希望前端程式可以簡潔易維護,但各框架大量採用es6語言特性,不是所有瀏覽器都支援es6語法,需透過工具轉換成es5語法,讓大部份的瀏覽器...
Virtual DOM傳統頁面開發,都是直接針對DOM進行操作更新。每次元素插入或更改頁面,都會重新描繪DOM,而DOM的描繪速度慢又耗時,所以造成反應時間過長...
安裝create-react-app之前必須先裝Node.js,如果為了環境乾淨其實可以不需要使用安裝版。以window為例,可以下載Node.js zip檔解...
create-react-app新建application目錄結構 react-app/ README.md node_modules/ packa...
components讓你分割UI到單一元件可重復使用,每一個component都是相互隔離並獨立。但也要程式切的好才有可能達到上述功能,簡單來說儘量達到單一職責...
props是從父元件到子元件,資料是單向流動。而state只關心元件內部,它是私有的參數只受元件控管。當元件內部使用setState方法時,元件會進行重新繪製。...
MountinggetDefaultProps-->getInitialState-->componentWillMount-->rende...
React事件基於W3C spec定義SyntheticEvent(合成事件),它完全符合W3C標準。不會有任何瀏覽器支援度的問題,React事件援用駝峰式命名...
Conditional Rendering簡單來說就是利用if或是conditional operator(三元運算子)來進行有條件式的描繪。主要運用我們先前提...
今天裝完react-router,寫完測試代碼要啟動server測試,竟然出現xxx undefined!!上網一查才發現,現行的v4和之前的v3寫法不一樣,而...