前言 由於昨天討論 React Hook Form 的過程中提到,若要做檢核(validation)動作,可以透過 Yup 這個 library 來處理,那可能...
前言 當程式碼愈寫愈多時,除了最基本切割邏輯到不同檔案,也要有組織與管理程式碼的一套方式,「模組化」可能是最方便的一條道路,但它幫我們處理掉哪些問題呢? 今天就...
前言 JavaScript 已經寫到滾瓜爛熟了,但畢竟 JavaScript 是一個弱型別的語言,往往有許多 bug 都從這個點衍生出來。 當提到弱型別這件事,...
前言 昨天討論到 Uncontrolled Component 與 Controlled Component,了解到非受控元件因為是用原生的 HTML 輸入 t...
前言 如果今天網站需要處理日期&時間的計算、顯示、比較等行為,你會想到什麼工具呢? 許多人看到「日期」、「時間」就直覺想到的是 new Date(),畢...
前言 昨天聊到 styled-components,以及 CSS-in-JS 對於 React 開發的重要性,但考量到程式規模愈趨複雜,不太可能連一些很基本的元...
前言 開賽啦!這是我第二次參加鐵人賽,去年的傳送門在這裡 Javascript 從寫對到寫好,主要寫了一些自己四五年來的 coding 經驗,該如何讓自己從單純...
前言 RESTful API 應該算是我的「一知半解清單」中,名列前茅的前幾名,可能跟 Day 3 的 MVC 有得比XD 之所以介於「會」與「不會」之間,就是...
前言 今天的主角是 jQuery 很多人看到 jQuery 會直接聯想到「落伍」的老科技,甚至搞不好最近才開始學前端的人,會連這個名詞都沒聽過。 雖然現在 jQ...
前言 究竟 library(函式庫) 與 framework(框架)之間的差異是什麼? 我們常見的 jQueryBootstrapReactVueAngula...
前言 今天要來談談 React 的一個好朋友,React 做為一個 view library,肯定會很希望有人幫他好好管一下 model 層級的東西,這樣合作起...
前言 身為一個國際化的產品,能夠在產品中切換多國語言,絕對是必須的!這時 i18n 的處理便非常重要 i18n 等於國際化(internationalizat...
前言 React 是許多前端工程師賴以謀生的工具,我當時就是跟隨著時代洪流,從 jQuery 跳到了很多人討論的 React。 捫心自問,其實我真的沒有很了解它...
前言 今天要來討論比較不一樣的主題,因為還是以 React 生態系為主,經常會用到元件化的開發方式,常常把關注點放在 HTML 與 JS 如何搭配,卻比較少討論...
前言 由於昨天討論 jQuery 的時候,一再強調 jQuery 不適合龐大、複雜的程式架構,因為直接操作 DOM 去修改畫面,複雜度很容易隨著程式碼行數指數成...
前言 React Hooks 已經出現好一陣子了,現在初學 React 的新手,可能都已經用 hook 用得很順手了。 但如果接手到比較舊一點的 React 專...
前言 今天這兩個工具,基本上已經跟前端沒有直接關係了XD 但它們的重要性,我想用過的人肯定都知道,它們就像兩尊門神一樣,站在電腦前面,程式碼品質不合格,退件!程...
前言 前天介紹的 Babel,以及昨天介紹的 ES module,處理了一些關於程式碼編譯轉換,以及模組化的概念。 有了它們之後,還需要一個整合性的工具,將這些...
前言 昨天講的已經是 Linter 跟 Formatter 了,今天來講另一個,沒有它不知道怎麼活的工具 - Git 先想一下 Git 是在什麼樣的時代誕生的...
前言 cookie 是在 HTTP 背後做掉許多事情的小夥伴,雖然佔的體積不大,但卻是能夠讓後端「記得」前端的一大利器! 以前對於 cookie 的理解不多,只...
前言 終於來到了這天!完賽啦!~~~ 本篇的全形驚嘆號絕對會是 30 篇中最多的!我好興奮啊! 為什麼 「為什麼」這三個字貫穿了整個系列文,或許很多技術與工...
前言 Lodash 這一篇實在讓我不知道要放在哪啊!是一個使用範圍非常廣的函式庫,既然已經到了接近尾聲的最後幾天了,就來看看這個相當長壽的函式庫吧! 先想一下...
前言 昨天討論完 RESTful API,今天來看看截然不同的 GraphQL! 先想一下 GraphQL 是在什麼樣的時代誕生的? GraphQL 怎麼解決...
前言 如果有讀過 React 官方文件,應該會看到這一篇文章,除了介紹表單元件有兩種(Uncontrolled 與 Controlled),還特別提到: 在大...
前言 現在逛網站,其實愈來愈熟悉連續不間斷的操作體驗,也愈來愈沒耐心,如果按了按鈕還會跳白色畫面等個幾秒鐘,即便只是閃一下,都會默默在心裡扣分XD 而 Reac...
前言 今天來討論比較進階的效能問題,我們俗稱的「long list」,也就是畫面上那種很長的 list 或 table,滾輪要一直滑才會到最底的那種。 程式方面...
前言 在 React 元件之間,如果要傳遞資料,很直覺會想到 props,一個一個往下傳遞。但有時候考量到層級很多很深,如果一個資料要從第一層往下送到第五層,總...
前言 昨天談完 TypeScript,了解到因為瀏覽器不支援 TypeScript,所以需要一個編譯器來轉換。 於是今天我們來談談另一個編譯器,扮演的角色比 T...
前言 到今天之前,已經介紹了各種各樣第三方套件與工具,基本上一個一個都看得懂,都會用,但若真要我從零開始到異世界建置一個 React 專案,我反而會愣住 痾。...
前言 npm 或 yarn 這類套件管理工具,基本上可以說是除了 HTML、CSS、JavaScript 以外,必學的東西之一,因為使用第三方套件已經是稀鬆平常...