iT邦幫忙

鐵人檔案

2022 iThome 鐵人賽
回列表
Modern Web

前端技能樹的十萬個為什麼 系列

前端技術樹日新月異,東學西學,卻不知道為什麼而學。
面試時被丟一句:
「你的履歷寫說你會 TypeScript,那可以談談你為什麼要用它嗎?」
「它的優缺點是什麼?」
「你在什麼情境下會使用它?」

是時候稍微停下來,看看每個工具背後的脈絡,比較各自的優缺點,並且真正去了解使用它的原因!本系列文會著重在 React 與其生態圈的好夥伴們,也會包含 webpack、npm 等前端常出現的技能樹。

鐵人鍊成 | 共 30 篇文章 | 61 人訂閱 訂閱系列文 RSS系列文
DAY 11

Day 11 - 為什麼要用 Yup

前言 由於昨天討論 React Hook Form 的過程中提到,若要做檢核(validation)動作,可以透過 Yup 這個 library 來處理,那可能...

2022-09-26 ‧ 由 ycchiuuuu 分享
DAY 12

Day 12 - 為什麼要用 Day.js

前言 如果今天網站需要處理日期&時間的計算、顯示、比較等行為,你會想到什麼工具呢? 許多人看到「日期」、「時間」就直覺想到的是 new Date(),畢...

2022-09-27 ‧ 由 ycchiuuuu 分享
DAY 13

Day 13 - 為什麼要用 Virtualized List

前言 今天來討論比較進階的效能問題,我們俗稱的「long list」,也就是畫面上那種很長的 list 或 table,滾輪要一直滑才會到最底的那種。 程式方面...

2022-09-28 ‧ 由 ycchiuuuu 分享
DAY 14

Day 14 - 為什麼要用 React Router

前言 現在逛網站,其實愈來愈熟悉連續不間斷的操作體驗,也愈來愈沒耐心,如果按了按鈕還會跳白色畫面等個幾秒鐘,即便只是閃一下,都會默默在心裡扣分XD 而 Reac...

2022-09-29 ‧ 由 ycchiuuuu 分享
DAY 15

Day 15 - 為什麼要用 RESTful API

前言 RESTful API 應該算是我的「一知半解清單」中,名列前茅的前幾名,可能跟 Day 3 的 MVC 有得比XD 之所以介於「會」與「不會」之間,就是...

2022-09-30 ‧ 由 ycchiuuuu 分享
DAY 16

Day 16 - 為什麼要用 GraphQL

前言 昨天討論完 RESTful API,今天來看看截然不同的 GraphQL! 先想一下 GraphQL 是在什麼樣的時代誕生的? GraphQL 怎麼解決...

2022-10-01 ‧ 由 ycchiuuuu 分享
DAY 17

Day 17 - 為什麼要用 TypeScript

前言 JavaScript 已經寫到滾瓜爛熟了,但畢竟 JavaScript 是一個弱型別的語言,往往有許多 bug 都從這個點衍生出來。 當提到弱型別這件事,...

2022-10-02 ‧ 由 ycchiuuuu 分享
DAY 18

Day 18 - 為什麼要用 Babel

前言 昨天談完 TypeScript,了解到因為瀏覽器不支援 TypeScript,所以需要一個編譯器來轉換。 於是今天我們來談談另一個編譯器,扮演的角色比 T...

2022-10-03 ‧ 由 ycchiuuuu 分享
DAY 19

Day 19 - 為什麼要用 ES Module

前言 當程式碼愈寫愈多時,除了最基本切割邏輯到不同檔案,也要有組織與管理程式碼的一套方式,「模組化」可能是最方便的一條道路,但它幫我們處理掉哪些問題呢? 今天就...

2022-10-04 ‧ 由 ycchiuuuu 分享
DAY 20

Day 20 - 為什麼要用 Webpack

前言 前天介紹的 Babel,以及昨天介紹的 ES module,處理了一些關於程式碼編譯轉換,以及模組化的概念。 有了它們之後,還需要一個整合性的工具,將這些...

2022-10-05 ‧ 由 ycchiuuuu 分享