鐵人檔案
原先主力是寫Vue.js，總是寫Vue也會好奇旁邊的發展，後來有機會到用React的公司工作，就想這趁段時間記錄自己的所學，也同時強化自己的學習，也保持分享的心態進行，與大家交流。
前言 Hi,大家好， 我在前端領域打滾已有兩年多，去年就有想要給自己一個挑戰參加鐵人賽，但始終沒有跨出那一步，今年告訴自己，無論如何都得要參賽。 過往開發都是...
React是奠基於JavaScript的前端框架，因此在開始學習之前，必須要有一些JavaScript的基礎認識，否則在學習上容易卡關。因此，今天我們來認識一下...
我們持續學習，在React中一定會用到的JS語法吧！ 昨日介紹內容 樣板字面值(Template literals) 箭頭函式 物件解構 陣列解構 本日介...
前面幾日，我們認識再React中常用的JS語法內容後，接下來準備來學習React，再開始之前，要先來學習如何建立環境！ React 環境建置: 使用 crea...
昨日介紹完，環境建立之後，今天要來認識 JSX!! JSX（JavaScript XML）讓開發者能夠在 JavaScript 中撰寫類似 HTML 的語法，...
經過昨天的學習，我們已經對 JSX 的使用和規則有基本的認識。透過 JSX 能夠建立元素(element)，並將多個元素組合在一起，就能創建出「元件」（Comp...
在 React 中，props 是一種從父元件向子元件傳遞數據的機制可以通過 props 傳遞任何 JavaScript 值，包括物件、陣列，函數，甚至也可以傳...
昨天我們在元件上設定屬性傳入 props 資料，React還有其他傳遞資料的方式就是可以用 props.children 使用，能讓子元件以 props.ch...
React 事件處理介紹 先前撰寫原生JavsScript的事件處理，是使用 addEventListener('click', ...) 的方法，來做事件的...
今日要來了解 狀態(state)的使用，為何會有state呢？React提供了一個方法，來監控資料的變化，當資料內容有變動時，畫面就會被更新。我們要來學習第一...
