iT邦幫忙

鐵人檔案

2022 iThome 鐵人賽
回列表
Modern Web

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

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

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

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

Day 1 - 前端技能樹的十萬個為什麼

前言 開賽啦!這是我第二次參加鐵人賽,去年的傳送門在這裡 Javascript 從寫對到寫好,主要寫了一些自己四五年來的 coding 經驗,該如何讓自己從單純...

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

Day 2 - 為什麼要用 jQuery

前言 今天的主角是 jQuery 很多人看到 jQuery 會直接聯想到「落伍」的老科技,甚至搞不好最近才開始學前端的人,會連這個名詞都沒聽過。 雖然現在 jQ...

2022-09-17 ‧ 由 ycchiuuuu 分享
DAY 3

Day 3 - 為什麼要用 MVC

前言 由於昨天討論 jQuery 的時候,一再強調 jQuery 不適合龐大、複雜的程式架構,因為直接操作 DOM 去修改畫面,複雜度很容易隨著程式碼行數指數成...

2022-09-18 ‧ 由 ycchiuuuu 分享
DAY 4

Day 4 - 為什麼要用 Framework(框架)

前言 究竟 library(函式庫) 與 framework(框架)之間的差異是什麼? 我們常見的 jQueryBootstrapReactVueAngula...

2022-09-19 ‧ 由 ycchiuuuu 分享
DAY 5

Day 5 - 為什麼要用 React

前言 React 是許多前端工程師賴以謀生的工具,我當時就是跟隨著時代洪流,從 jQuery 跳到了很多人討論的 React。 捫心自問,其實我真的沒有很了解它...

2022-09-20 ‧ 由 ycchiuuuu 分享
DAY 6

Day 6 - 為什麼要用 React Hooks

前言 React Hooks 已經出現好一陣子了,現在初學 React 的新手,可能都已經用 hook 用得很順手了。 但如果接手到比較舊一點的 React 專...

2022-09-21 ‧ 由 ycchiuuuu 分享
DAY 7

Day 7 - 為什麼要用 Redux

前言 今天要來談談 React 的一個好朋友,React 做為一個 view library,肯定會很希望有人幫他好好管一下 model 層級的東西,這樣合作起...

2022-09-22 ‧ 由 ycchiuuuu 分享
DAY 8

Day 8 - 為什麼要用 Context

前言 在 React 元件之間,如果要傳遞資料,很直覺會想到 props,一個一個往下傳遞。但有時候考量到層級很多很深,如果一個資料要從第一層往下送到第五層,總...

2022-09-23 ‧ 由 ycchiuuuu 分享
DAY 9

Day 9 - 為什麼要用 Controlled Component

前言 如果有讀過 React 官方文件,應該會看到這一篇文章,除了介紹表單元件有兩種(Uncontrolled 與 Controlled),還特別提到: 在大...

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

Day 10 - 為什麼要用 React Hook Form

前言 昨天討論到 Uncontrolled Component 與 Controlled Component,了解到非受控元件因為是用原生的 HTML 輸入 t...

2022-09-25 ‧ 由 ycchiuuuu 分享