Coding Hot Pot

剛開始工作的時候是jQuery 的時代 ，用$.ajax來接api得心應手， 偶爾接觸到不能用jQuery的專案， 就用原生的XMLHttpRequest來處理， 隨著時間演變 ，串接api的方式有了更多的選擇， 接下來就會介紹 fetch 和 axios

在build專案的時候，我們會透過webpack將不同模組的component打包成同一支js，但是當專案的規模越來越大， 程式碼的size就會逐漸肥大，好幾mb都有可能，載入的時間也會拉長， 影響使用者體驗，而且並非所有的程式碼的功能會在一開始就使用到， 所以透過…

在搜尋useMemo的時候，就一直看到React.memo的相關資料 ，雖然React memo不屬於React hook的一部分，但還是簡單介紹一下，我們都知道class…

useContext 會和 React Context API 搭配使用，可以讓 component 共享資料，像是進階版的 props，不用一層一層的傳 props 真的太美好了，可以隔山打牛，可以避免掉 HOC 的波動拳…不得不說這樣真的方便多了。

當functional component 遇上React Hooks，就好像白雪公主遇到她的王子…（我想不到更好的比喻了）有了Hooks，讓functional component也能擁有自己的state 、lifecycle，而且寫法也比原本的class…

寫過vue就知道有vue有提供vuex來做資料(state)的集中管理，那麼React呢?就是藉由Redux來達成，不過讓我有點訝異的應該是React 跟 Redux沒有關係，我以為Redux和React的關係就像vue和vuex一樣(殊不知完全不是)!

Portal為插槽功能，可以將子元件渲染到父元件以外的地方，聽起來很炫，概念感覺有點像任意門？render一個component時，其實改變的是另一個地方的DOM，通常會用到的情境是要跳脫父元件的限制，像是z-index、overflow:hidden等等。

以前我們要抓一個DOM的時候很習慣用document.getElementById、document.getElementsByClassName等等的語法來取得我們要的 DOM元素，但假設在react中要取得…

在練習表單處理這塊，如果在不依賴套件的狀況下，可以有兩種方式來控制表單欄位，那麼今天就來介紹一下controlled component 和uncontrolled component

在沒有用過框架的chrome的除錯工具前，我其實不知道類似這樣的工具在開發上能夠有什麼幫助？不過經過實際使用一陣子之後， 才發現dev tools真的太好用了(雖然我用的是vue tools， Debug的時候很好用 ，可以看state當前的狀況是如何，…