Mawchu's blog

Find & Remove :PORT

Find & Remove :PORT

Find & Remove :PORT

．．．

VSCODE 若沒有正確地按垃圾桶關閉 terminal、或者遇到視窗當機 的話，再次打開會發現 PORT 號是被佔領的狀態，以下筆記怎麼移除跟關閉被占用的 PORT：

iframe PDF Reader

iframe PDF Reader

iframe PDF Reader

．．．

這篇記錄一下合約更新後提供 PDF 閱讀器提醒使用者合約條款更新的優雅作法，以為很難其實超簡單！

React useRef X DOM

React useRef X DOM

React useRef X DOM

．．．

React 裡的鉤子 useRef 是誰？哦！你寫過 Vue 的話記不記得 $refs 老朋友呢？這樣想就簡單些了，但不表示他們用法一樣哦！想了解就看下去。

React - useRef & useState

React - useRef & useState

React - useRef & useState

．．．

useRef 的參考遺世獨立、useState 跟隨元件的興亡。

React - useContext hook

React - useContext hook

React - useContext hook

．．．

關於 React 的 useContext 可以理解為使用「上下文」，延伸為跨元件的共享資料，在學習 Vuex 時也可以見到參數被命名 context。

React - useEffect hook

React - useEffect hook

React - useEffect hook

．．．

這一篇來記錄一下初學 React 時界定最模糊但最常用的鉤子 useEffect()，到底怎麼用、為什麼這樣用？

React dependency & React hook

React dependency & React hook

React dependency & React hook

．．．

在學習任何技術之前必須先制定好攻略，這是高速學習裡傳授的第一個技巧「Meta learning 加乘學習」，所以學習 React 的你是否該先認識一下常用的老朋友呢? 來看看各種 use 工具吧!

React - immutable update

React - immutable update

React - immutable update

．．．

《React 思維進化》已經閱讀到中間的核心章節了，作者提到一個與 Vue 框架在資料管理上比較不一樣的重要概念—— Immutable

React - onClick

React - onClick

React - onClick

．．．

終於在前端生涯來到三年多後第一次接觸 React 開發，即便已經知道 React 容易踩坑無限迴圈的議題，仍然一頭栽了進去。
今天要來說說關於「onClick 事件的無限迴圈」，為什麼在 Vue 習以為常的開發手法卻在 React 踢爆鐵板呢？

React - One-way dataflow

React - One-way dataflow

React - One-way dataflow

．．．

React 嚴格規範資料流的方向就是由上到下，根基越深的相對元件多也就會渲染多負擔重，不斷的渲染也能保持資料更新來源的單純。