Mawchu's blog

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

React - React Element X JSX

React - React Element X JSX

React - React Element X JSX

．．．

本篇記錄《React 思維進化》的第一大要點 JSX，是產出網頁骨骼的 Html 基礎、類似於 Vue 的 template 架構，是透過關鍵方法 React.creactElement 產生的模板對象（object），但他們並不相同哦！

React - Virtual dom

React - Virtual dom

React - Virtual dom

．．．

新年換新工作後的第一篇文章，就獻給來自『React 思維進化』本書提到的動量級概念——Virtual dom。

Ultralearnning II

Ultralearnning II

Ultralearnning II

．．．

經過 Youtube 的神奇演算法我閱覽了分別來自薑餅資與文森先生，關於高效學習的這本書提到的做法，雖然我沒有時間實際閱讀這本書，仍然在先輩的分享獲得許多啟發。