系列文章
Day 00 | React With TypeScript - 旅途漫長，所以我們需要地圖
Hi！大家好，我是神 Q 超人，很開心又過了一年了（咦？ 自從去年鐵人賽毅然決然退隱修煉後，一直在等著的就是這個機會 XD ，希望能夠記取去年到後半段不知道在寫...
Day01 | 別再放一堆 CDN ，把 Webpack 裝起來就對了
前言 先說説 CDN 是什麼吧，以 JQuery 為例，如果我們想在網頁上使用它，就得在 HTML 中使用 Script 將 JQuery 的程式碼載入： &l...
Day02 | 整齊的程式，讓看的人長命百歲，給我用 ESLint
前言 ESLint 提供語法檢查的功能，會檢查出專案中有可能會出錯、語法不正確的地方，也能夠按照個人或團隊的需要設定專屬的 coding style（編碼風格）...
Day03 | JSX 瀏覽器看不懂？要翻譯就靠 Babel
前言 基本上瀏覽器只看得懂三種語言，分別是 HTM、CSS 和 JavaScript，因此接下來學習 React 使用的 JSX 語法，瀏覽器無法讀懂，也沒辦法...
Day04 | SCSS 加上 Webpack 混搭款，讓你寫 CSS 上天堂
前言 SCSS 是 CSS 的預處理器，就是替原本的 CSS 再加上一些強大的語法，讓我們在寫 CSS 的時候可以更加直觀，相關說明可以查閱 官方文檔 ，本篇就...
Day05 | F5 按鍵守護者，讓網頁自動刷新的 Webpack-dev-server
前言 經過前兩篇的轟炸，今天來說點輕鬆的。 在昨天完成了 SCSS 後，應該會有些體會，例如：「天吶，只要修改一點程式碼，就需要重新編譯，這真的合理嗎？」 不合...
Day06 | 一次說完 JSX 基本用法
前言 本來打算直接從 Hooks 開始說起 React，但後來發現還是得先理解基本的操作方法，後續的文章會看得比較輕鬆，但我不會對語法著墨的太深，畢竟接下來的...
Day07 | 從 Hooks 開始的 Component 新生活
前言 本篇會開始提及 React 本身的基本用法和使用觀念，大概會提個三四篇，和去年不同的是，所有範例都會使用 Hooks ，如果有任何問題再麻煩留言告訴我，謝...
Day08 | Function Component 的 State 在哪裡
前言 本篇主要會說明，在 Hooks 讓 Function Component 具備 State 後，該如何使用及設置。 前置準備 文中的專案會以 Day0...
Day09 | 掌管 Lifecycle 和一切作用的 useEffect
前言 Lifecycle 被稱為生命週期，在 Component 中，我們可以大致把生命週期分成三個： Component Render 完畢。 Compon...