iT邦幫忙

鐵人檔案

2022 iThome 鐵人賽
回列表
Modern Web

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

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

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

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

Day 21 - 為什麼要用 npm

前言 npm 或 yarn 這類套件管理工具,基本上可以說是除了 HTML、CSS、JavaScript 以外,必學的東西之一,因為使用第三方套件已經是稀鬆平常...

2022-10-06 ‧ 由 ycchiuuuu 分享
DAY 22

Day 22 - 為什麼要用 Create-React-App

前言 到今天之前,已經介紹了各種各樣第三方套件與工具,基本上一個一個都看得懂,都會用,但若真要我從零開始到異世界建置一個 React 專案,我反而會愣住 痾。...

2022-10-07 ‧ 由 ycchiuuuu 分享
DAY 23

Day 23 - 為什麼要用 Styled-components

前言 今天要來討論比較不一樣的主題,因為還是以 React 生態系為主,經常會用到元件化的開發方式,常常把關注點放在 HTML 與 JS 如何搭配,卻比較少討論...

2022-10-08 ‧ 由 ycchiuuuu 分享
DAY 24

Day 24 - 為什麼要用 Material-ui

前言 昨天聊到 styled-components,以及 CSS-in-JS 對於 React 開發的重要性,但考量到程式規模愈趨複雜,不太可能連一些很基本的元...

2022-10-09 ‧ 由 ycchiuuuu 分享
DAY 25

Day 25 - 為什麼要用 Lodash

前言 Lodash 這一篇實在讓我不知道要放在哪啊!是一個使用範圍非常廣的函式庫,既然已經到了接近尾聲的最後幾天了,就來看看這個相當長壽的函式庫吧! 先想一下...

2022-10-10 ‧ 由 ycchiuuuu 分享
DAY 26

Day 26 - 為什麼要用 react-i18next

前言 身為一個國際化的產品,能夠在產品中切換多國語言,絕對是必須的!這時 i18n 的處理便非常重要 i18n 等於國際化(internationalizat...

2022-10-11 ‧ 由 ycchiuuuu 分享
DAY 27

Day 27 - 為什麼要用 cookie

前言 cookie 是在 HTTP 背後做掉許多事情的小夥伴,雖然佔的體積不大,但卻是能夠讓後端「記得」前端的一大利器! 以前對於 cookie 的理解不多,只...

2022-10-12 ‧ 由 ycchiuuuu 分享
DAY 28

Day 28 - 為什麼要用 ESLint & Prettier

前言 今天這兩個工具,基本上已經跟前端沒有直接關係了XD 但它們的重要性,我想用過的人肯定都知道,它們就像兩尊門神一樣,站在電腦前面,程式碼品質不合格,退件!程...

2022-10-13 ‧ 由 ycchiuuuu 分享
DAY 29

Day 29 - 為什麼要用 Git

前言 昨天講的已經是 Linter 跟 Formatter 了,今天來講另一個,沒有它不知道怎麼活的工具 - Git 先想一下 Git 是在什麼樣的時代誕生的...

2022-10-14 ‧ 由 ycchiuuuu 分享
DAY 30

Day 30 - 為什麼要問為什麼

前言 終於來到了這天!完賽啦!~~~ 本篇的全形驚嘆號絕對會是 30 篇中最多的!我好興奮啊! 為什麼 「為什麼」這三個字貫穿了整個系列文,或許很多技術與工...

2022-10-15 ‧ 由 ycchiuuuu 分享