前言 該系列是為了讓看過Vue官方文件或學過Vue但是卻不知道怎麼下手去重構現在有的網站而去規畫的系列文章，在這邊整理了許多我自己使用Vue重構很多網站的經驗分享給讀者們。 Component 之...
介紹完後從外部傳入的Props後，我們來講React的第二種資料模組 - state系列中會主要以Functional Component的功能為主。 在先前，React只能在Class Compon...
動態元件（Dynamic-Components）是指Vue可以根據傳入參數的，來去切換不同的元件。 如下範例，根據點擊「home」、「posts」或「archieve」，Component會依照 :i...
受控 vs. 非受控元件 受控元件：value 值由 React component 使用 state 負責處理，隨時監聽內容來改變值 非受控元件：value 值由原始 DOM 或使用 ref 以...
第十二天囉～ 當更新畫面 我們必須觸發 React 的更新流程， 這樣最新的資料才會顯示在畫面上， 而這樣的流程，就包含在了 React 的 component lifecycle， componen...
Hello 大家，沒有連假就要撐五天才可以放假嗚嗚，撐得下去的... 接續著昨天繼續介紹，第一個要介紹的是音樂，這個主要是針對Apple內建的"音樂(Applu Music)"Ap...
在 React 中，允許直接用 HTML 來建立表單，但使用 JavaScript function處理提交表單、讀取使用者在表單中填入的資料更加常見也更方便。 要做到這點，標準的方法是使用「受控元件...
Hello 大家，明明是普通的周末，不知為何這周一堆人出去玩@@我錯過了甚麼嗎? 今天來講媒體這個分類~這個分類的項目偏多，主要是跟影音相關的動作，第一個是輸入到Lightroom，首先你手機須要先有...
這篇要做的：把訂單日期改用 jQuery UI DatePicker + vue component ! Case01 建立 jquery-ui-date-picker.js 把 jQuery...
講到Function Component 一定是會講到Hook的! Hook 讓我們可以不用改變Component的階層就可以重用stateful的邏輯。 Hook 是在React版本16.8所增加的...