iT邦幫忙

鐵人檔案

2023 iThome 鐵人賽
回列表
Modern Web

前端開發之那些我會的與我不會的技術 系列

此次的內容主要會圍繞在我在前端開發所使用的相關技術,從建構工具到React.js等相關的技術分享。希望能藉由此次機會將自己會的技術與不熟悉的技術跟大家交流討論。

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

React Hook: useLayoutEffect的使用與注意事項

今天要來介紹的是useLayoutEffect這個hook,這個hook和useEffect的使用方式很類似,差別在於useEffect是在畫面已經繪製上去,...

2023-10-06 ‧ 由 ss95159 分享
DAY 22

React的新實驗性Hook:use Hook的使用

今天要來接紹一個還在實驗性的hook,只有在實驗性和canary的版本才有支援。 這個hook的功能是用來讀取資源的值,這邊的資源可以是Promise和con...

2023-10-07 ‧ 由 ss95159 分享
DAY 23

React性能優化:利用useDeferredValue提升應用程式效能

今天要來介紹的是useDeferredValue,這個hook可以用來延後畫面的更新,幫助我們優化一些像是大量的畫面更新造成的操作卡住問題。可以先看看官方文件提...

2023-10-08 ‧ 由 ss95159 分享
DAY 24

等待不再沉悶:React中的Suspense元件入門

我們在前幾天的文章都有看到Suspense這個React內建的元件,這篇要來介紹一下這個Suspense的細部功能。Suspense可以讓我們在它底下的chil...

2023-10-09 ‧ 由 ss95159 分享
DAY 25

React中的<StrictMode>:提前發現和解決應用程式的問題

今天要來介紹另一個React內建的元件&lt;StrictMode /&gt;,目的是幫助我們可以即早發現bugs即早治療。 使用 使用方式就是將&lt;Str...

2023-10-10 ‧ 由 ss95159 分享
DAY 26

React中使用CSS的三種方式:CSS Modules、styled-components和Tailwind

終於來到了比較不一樣的主題CSS,這篇會較紹在React使用CSS的幾種方式 CSS Modules styled-components Tailwind...

2023-10-11 ‧ 由 ss95159 分享
DAY 27

React Router Dom:輕鬆掌握前端路由

今天要來介紹的是react-router-dom這個套件,它用來模擬換頁的一套路由工具,讓我們可以使用它來完成Single Page Application(S...

2023-10-12 ‧ 由 ss95159 分享
DAY 28

網站埋碼、Google Tag Manager以及dataLayer的指南

到了這系列的尾聲,要來分享一下埋碼的基礎設定與使用,不管是廣告追蹤碼、數據分析用還是A/B測試程式碼,這些都是開發到了後期常常需要做的工作,這些程式碼讓我們在網...

2023-10-13 ‧ 由 ss95159 分享
DAY 29

免費AI工具大集合:助你工作生活更有效率與創意

今天要來介紹幾個我有在使用的免費AI工具,沒錯是免費的工具,因為我到目前為止還沒付費使用AI工具(還是個免費仔),主要分為三個類型,協助程式開發的codeium...

2023-10-14 ‧ 由 ss95159 分享
DAY 30

React測試入門攻略:使用Vitest、React Testing Library和Mock Service Worker

今天要來介紹的是React的測試,原本是打算使用React Testing Library和Jest的組合,但是我之前只有在create react app建構...

2023-10-15 ‧ 由 ss95159 分享