如何使用 docker 部署 vite + react 靜態網站？

, , ,

使用 create react app 或是 vite 部署 react 靜態網站的方式其實很類似，主要的差別就是在 vite.config.js 裡面的寫法。

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

如何捕捉 android chrome 上的 enter 回車鍵？

, ,

不知道大家有沒有遇過，假設你的一個頁面上有不只一個 input，那麼你在 android 裝置上的 chrome 輸入好內容後，直接按下軟鍵盤的 enter(回車鍵)，他竟然就自己跳到下一個 input 並且 focus 在那裡…

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

如何使用 vite + react 建立一個新專案？

, ,

使用vite 建立一個react 專案，通常會搭配哪些套件呢？

  1. vite + react
  2. mui (material ui)
  3. react-router-dom v6
  4. zustand 狀態管理
閱讀更多
0
/0 評論/通過：

React 如何在上傳圖片時顯示進度條？

, ,

呼叫api上傳圖片時候如果要顯示進度條，目前有兩種方式可以加入偵聽事件，

  1. 使用js原生的 XMLHttpRequest
  2. 使用axios

其實axios也只是把偵聽事件的名稱改掉而已，背後做法應該是一樣的ＸＤ

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

React 如何使用前端Post方法串接電子地圖？

, ,

我們在串接綠界資訊的時候，遇到一個問題就是綠界的文件上寫，此方法要使用前端的post方法，但是我用call api的post方法去打，卻回應跨域錯誤，寫信綠問綠界，又一問三不知～

好在後來終於被後端工程師提醒才明白，在上古時期的網頁開發是沒有分前後端的，所以post方法都是用<form>標籤去做，我整個大開眼界欸，雖然還不懂這其中的差別，但總歸是成功了。

閱讀更多
2+
/1 評論/通過：

React 如何打開裝置相機鏡頭拍照，並儲存照片？

, ,

網頁需要用到相機的場景還滿多的，像是身份驗證需要拍證件照上傳、發文、留言，是很基本的網頁應用。

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

React 輪播圖套件 React Slick 新手教學

,

material ui 框架沒有提供輪播圖 component，需要另外安裝套件，這邊介紹一個我常用的套件 React Slick，剛好他也有出 react 版本。

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

如何解決react-hook-form 無法指定defaultvalue問題？

,

如題，使用 Textfield 的 select 組件時，我們會想預先設定已選取的項目，但是我們指定了，畫面上的 input 卻還是沒有選起來的樣式。

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

如何使用 ThirdWeb 製作自己的 NFT Mint Site？

, ,

搭上NFT熱潮，發現有一些網站開始主打不用自己寫智能合約，也可以製作NFT，ThirdWeb就是其中一個。

但我們用ThirdWeb上傳好NFT之後，看到他提供給消費者Mint的介面有點陽春，好在他們本來就是主打可以自己使用api的方式去打他們的各種功能，例如Mint、連結錢包、查詢NFT數量之類的。

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