文章

React testing-library 基本使用

,

使用create react app創建專案的時候，你會發現它自動幫你安裝好testing-library的一些套件。

閱讀更多
/0 評論/通過：

react 如何改變 ant design locale 語言？

,

安裝 antd，默認他會幫你使用簡體中文，例如沒有table資料時，會顯示的提示文字，或者是datepicker的月份年份。每個組件都會有props可以讓你改顯示文字，但是如果是想要整個網站一起改，就可以使用ConfigProvider。

閱讀更多
/0 評論/通過：

如何在 redux-toolkit 中使用 axios ？

,

修改 redux 狀態不會只有在頁面中，打 api 的時候也會需要，但是useDispath他只能讓你在hook中使用。

閱讀更多
/0 評論/通過：

react 如何切換 craco 環境變數？

,

craco 在craco build的時候，會主動去找 .env.production 檔案，但是如果我想要craco build的時候是先用.env.development試試看呢？

閱讀更多
/0 評論/通過：

react 如何動態載入 function component ？

,

在做大型專案的時候，要切換的頁面往往會到幾十頁，這時候一般的導入頁面的寫法可能會讓你瘋掉。

閱讀更多
/0 評論/通過：

react + antd + craco 自定義主題

,

很久沒寫 react 了，突然發現這個多變的世界多了一個叫做 craco 的東西，不知道是幹嘛的，但是antd官網推薦要是你想要自定義主題，例如要修改他們的less，可以用 craco。

閱讀更多
/0 評論/通過：

完全免費，超多來源！ Free React Icon Font 圖庫

,

通常如果專案有使用ui框架的話，他們都會有自己的免費 icon 可使用，但是你如果是自己手刻，又懶得自己畫一個 icon 出來，就可以只安裝 icon 圖庫。

閱讀更多
/0 評論/通過：

React Next.js 如何設定路徑別名 alias

,

我們知道專案的一些基本設定，通常都會需要寫在某個 config 檔案中，但是創建 next.js 的專案時，初始他不會自動幫你產生 config 檔，所以我們要自己創建。

閱讀更多
/0 評論/通過：

React + React-Redux + Redux-Toolkit 新手教學

,

一個平凡的下午，小口小口啜飲著有點燙口的紅茶拿鐵，突然看到前端對話群組掀起一陣討論，討論著新案子的style解決方案，是要用上次我們一起看到的 Taiwindcss 呢？還是 styled-components 呢？

眾多討論串中，我看到了一句話，讓我的下午變得再也不平凡…

他是這樣說的：

你們決定好就好，但資料流的部分我先安裝 Saga 囉！

閱讀更多
/0 評論/通過：