鐵人檔案
之前我們在範例練習React時，都是引用CDN的方式來建立開發環境，今天要介紹的是Create React App這個方便好用的React開發工具。 優點 學...
昨天介紹完Create-react-app的開發，今天就來介紹一下Create-react-app的環境建立方式。 建立專案的資料夾 create-reac...
Portal為不產生parent節點的情形下，將children渲染到DOM節點上面的方法。起手的宣告方式如下: ReactDOM.createPortal(c...
React本身並沒有特別限定專案資料夾的設定方式，但這邊建議可以朝以下兩種方式著手: 依照功能或所屬單元類別建立資料夾 將CSS、JS依照各功能或不同單元頁去建...
今天要介紹在React Component中加入CSS的方式。 用字串的方式為className命名render() {return Menu} 透過prop...
Hook是React在16.8中增加的新功能，和過往React Component架構相比，可以幫助使用者不必再用class的方式包裝，來完成React sta...
經過昨天對Hook有個初步的認識之後，下方介紹幾個Hook的範例。 Hook 的規則 建議只在最上層呼叫 Hook。不在迴圈、判斷式、或是function 中...
昨天了解了Hook的概觀之後，今天要利用Hook的規則打造一個客製化的Hook。以下用React官網的範例，模擬一個判斷是有訂閱的人否在線的Component，...
使用目的 隨著時代的進步，人們對單一頁面的要求日漸複雜化，從過去的靜態頁面，到後來需要包括伺服器回應和快取的資料，以及本機建立而尚未回傳到伺服器等資料，為了完成...
以下用to do list作為練習。 Actions Action是一般的JavaScript物件。action 必須有一個 type 屬性，它代表被執行的 a...
