iT邦幫忙

why相關文章
共有 31 則文章
鐵人賽 Modern Web DAY 11

技術 Day 11 - 為什麼要用 Yup

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

鐵人賽 Modern Web DAY 19

技術 Day 19 - 為什麼要用 ES Module

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

鐵人賽 Modern Web DAY 17

技術 Day 17 - 為什麼要用 TypeScript

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

鐵人賽 Modern Web DAY 10

技術 Day 10 - 為什麼要用 React Hook Form

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

鐵人賽 Modern Web DAY 12

技術 Day 12 - 為什麼要用 Day.js

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

鐵人賽 Modern Web DAY 24

技術 Day 24 - 為什麼要用 Material-ui

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

鐵人賽 Modern Web DAY 1

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

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

鐵人賽 Modern Web DAY 15

技術 Day 15 - 為什麼要用 RESTful API

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

鐵人賽 Modern Web DAY 2

技術 Day 2 - 為什麼要用 jQuery

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

鐵人賽 Modern Web DAY 4

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

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

鐵人賽 Modern Web DAY 7

技術 Day 7 - 為什麼要用 Redux

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

鐵人賽 Modern Web DAY 26

技術 Day 26 - 為什麼要用 react-i18next

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

鐵人賽 Modern Web DAY 5

技術 Day 5 - 為什麼要用 React

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

鐵人賽 Modern Web DAY 23

技術 Day 23 - 為什麼要用 Styled-components

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

鐵人賽 Modern Web DAY 3

技術 Day 3 - 為什麼要用 MVC

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

鐵人賽 Modern Web DAY 6

技術 Day 6 - 為什麼要用 React Hooks

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

鐵人賽 Modern Web DAY 28

技術 Day 28 - 為什麼要用 ESLint & Prettier

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

鐵人賽 Modern Web DAY 20

技術 Day 20 - 為什麼要用 Webpack

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

鐵人賽 Modern Web DAY 29

技術 Day 29 - 為什麼要用 Git

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

鐵人賽 Modern Web DAY 27

技術 Day 27 - 為什麼要用 cookie

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

鐵人賽 Modern Web DAY 30

技術 Day 30 - 為什麼要問為什麼

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

鐵人賽 Modern Web DAY 25

技術 Day 25 - 為什麼要用 Lodash

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

鐵人賽 Modern Web DAY 16

技術 Day 16 - 為什麼要用 GraphQL

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

鐵人賽 Modern Web DAY 9

技術 Day 9 - 為什麼要用 Controlled Component

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

鐵人賽 Modern Web DAY 14

技術 Day 14 - 為什麼要用 React Router

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

鐵人賽 Modern Web DAY 13

技術 Day 13 - 為什麼要用 Virtualized List

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

鐵人賽 Modern Web DAY 8

技術 Day 8 - 為什麼要用 Context

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

鐵人賽 Modern Web DAY 18

技術 Day 18 - 為什麼要用 Babel

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

鐵人賽 Modern Web DAY 22

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

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

鐵人賽 Modern Web DAY 21

技術 Day 21 - 為什麼要用 npm

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