鐵人檔案
今年趕在最後一刻還是報名參賽了，這次的主題將分享從今年 1 月開始，配合公司的需求，由原本的 Ruby on Rails 後端工程師，轉變成 React 前端工程師，這當中踩了哪些雷哪些坑，怎麼由不會寫 React 到現在最少算中等 (唔 ... 這是自我良好，別吐我) 的過程分享，以及分享身為前端工程師，有哪些資源又或者是網路上有哪些資源可以學習，最後 .. 分享自己在網路上，看到的好文好部落分享，總之 .. ，送給各位一句話，您不需要很厲害才能開始，但 .. 您一但開始了，我相信您最後一定可以變得很厲害 !
前言 此篇文章是要介紹，在學習 React 之前，一定要知道的 JavaScript ES6 語法 (之後會簡稱為 JS or ES6)，這是因為在撰寫 Rea...
前言 解構與字串模組都是 ES6 新增加的特性，也是在撰寫 React 專案時，很常會使用到的語法，接下來就會針對解構 & 字串模組來說明如何使用。 解...
前言 這個章節將會介紹到，在 ES6 新增的箭頭函式使用方法，因為在撰寫 React 程式時，已經都是使用 ES6 的模式再撰寫，所以，對於如何了解箭頭函式使用...
前言 這個情境是指，當我們開發一個專案時，程式碼愈寫愈多，整個應用程式的規模愈來愈大時，那又如果我們都把全部的 JS 程式碼都集中在一個檔案時，會造成維護及閱讀...
前言 Web 應用程式佔客戶端 JavaScript 的比重越來越高，增加了使用 JavaScript 開發大型程式的機會。這意味者，開發者不能只是寫完程式就覺...
React 的基礎介紹 前言 什麼是 React ? React 主要的功能有哪些 ? 前言 從這篇文章開始，將要分享學習 React 的心得筆記，把自己從...
大綱 生命週期方法 生存期 生命週期方法 React 元件有最低的生命週期 API，提供給我們開發時所需要的東西，也不會有多餘的內容。接下來將介紹這些 AP...
大綱 屬性是什麼 Props 在學習 React 的過程中，與 Vue 其中一點不同的是，React 的資料流是單向的 - 從父層到子層。這使得 React...
大綱 附加事件處理器 事件與狀態 事件物件 附加事件處理器 在運作的過程中，React 會協助我們處理在 JavaScript 中看到的同樣事件：點擊事件的...
大綱 擴充 HTML 擴充 HTML React + JSX 這兩種成為了強大且具表達性的工具，這允許了我們建立使用類似 HTML 的語法呈現的自訂元件。這...
