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