#node_modules\klinecharts/dist/klinecharts.js 2450行 定義多語結構 tooltip: { show...
__locale(帶入語系) CN ,EN option.Language = __locale; var chart = HQChart.Chart.JS...
[React + TS] lexical文字編輯器套件使用心得與教學 前言 最近寒假寫專案寫著發閒,發現React一些套件的教學很少,例如本篇提到的lexica...
程式碼分享加小紀錄,如果能幫到你的話就太好了 codeSandBox 透過滾動才出現的box,會淡入,當畫面滾動到看不見該box,他就會在看不到的地方悄悄淡出。...
最近終於完成公司新產品的前端開發啦!不過在開發時也遇到了不少挑戰,其中最難處理的就屬「MQTT通訊協定」的部分了...😅 而自己在study或是Google資...
接下來要討論的套件,是針對Component進行文件話與測試的Storybook 和Jest、Cypress一樣,這個Storybook套件 也是有被Nx框架所...
是的,如同標題所說,目前專案確實完成度沒有很高,但無論進度如何,今天就在挑戰的最後一天進行部屬吧! 如何使用 Vercel 部屬 進到 Vercel 官網註冊...
tags: ItIron2023 react 前言 我們昨天做了一個基本的井字遊戲,基本上除了css的部分有些困難之外,基本的邏輯實踐其實相當的單純,今天我們反...
三十天,一個說長不長說短不短的時間,還真沒料到要連續三十天都發文章也不是一件容易的事情,原本今年是想報名自我挑戰組試試水溫,有了今年的經驗之後明年再來挑戰正式組...
今天要來介紹的是React的測試,原本是打算使用React Testing Library和Jest的組合,但是我之前只有在create react app建構...
常見表單元素 label + input function App() { const [inputState, setInputState] = useS...
倒數2天,把握時間繼續努力! 製作月曆元件 昨天製作了顧客視角的服務項目詳細頁後,今天依照原先的 Wireflame 設計線稿,刻出可供預約的日期時段區塊,這部...
tags: ItIron2023 react 前言 我們昨天處理了一個實務上常見的面試問題,要你根據某份提供的api文件以及一些指示完成題目的要求,今天我們再來...
能夠間隔讀取CPU風扇轉速後,我們的Electron應用程式基本的功能就完成了,但是UI的呈現略顯單調。由於我們是基於React來開發UI,所以可以使用既有的U...
昨天我們學習了副作用相關的知識,並嘗試使用useEffect完成了一個小練習,但還沒有使用到cleanup function。今天要透過實作的練習來學習Clea...
結束了! 今天就是最後一天了,終於結束了!!! 自己在年初的時候給自己下了一個目標,希望可以參加今年的 IT 鐵人賽,並且順利完賽。 想不到這個目標真的達成了...
店家新增完服務項目後,顧客就可以開始查看預約了!所以今天將開發重點放在顧客角度會看到的頁面都實作完成。 組裝列表頁面(顧客視角) 串接讀取文件的 API i...
tags: ItIron2023 react 前言 昨天我們完成了add emoji onclick的問題,額外用了幾個state以及timer去達到題目的要求...
大綱 使用者頁面開發 更新使用者資料 1. 使用者頁面開發 Wireframe 建立檔案 一樣先在pages資料夾底下建立Profile.js在這個頁面...
到了這系列的尾聲,要來分享一下埋碼的基礎設定與使用,不管是廣告追蹤碼、數據分析用還是A/B測試程式碼,這些都是開發到了後期常常需要做的工作,這些程式碼讓我們在網...
昨天成功在Electron應用程式使用動態連結函庫讀取CPU風扇轉速,但這個轉速數值只會在Electron應用程式UI載入後更新一次,之後就會維持同樣的轉速數值...
上一篇我們介紹了NextJS這個React框架為什麼我們又要來講框架呢? 因為這個Nx框架其實是一個更高階層的架構,可以兼容各種框架與應用先來看看Nx的介紹吧...
這篇文章的主要內容 簡單介紹 SSR & Next.js CSR( Client Side Rendering) 在前面有提到 react 是一個 C...
今天讀完了 React 官方文件的 Synchronizing with Effects 的章節,初步學習了 Effects 的相關知識,透過實作來練習和理解觀...
倒數第4天的挑戰,是完成一套新增讀取編輯刪除(CRUD)的頁面組裝與串接,話不多說直接開始! 組裝列表頁面(店家視角) 串接讀取文件的 API import...
tags: ItIron2023 react 前言 我們昨天做了一個還算有趣的問題,利用state控制整個emoji陣列並決定每個組件要在螢幕的哪處渲染,今天我...
大綱 1.文章內容頁開發2.編輯文章功能開發 1. 文章內容頁開發 Wireframe 先在pages資料夾底下建立BlogPost.js //BlogPos...
昨天簡單介紹了node-ffi-npi的基本概念,今天要實際使用node-ffi-npi來呼叫我們動態連結函庫內的函式。 首先安裝node-ffi-npi:...
今天要來介紹的是react-router-dom這個套件,它用來模擬換頁的一套路由工具,讓我們可以使用它來完成Single Page Application(S...
在【Day15】ChatGPT請教教我:React入門(一)- 起始安裝、JSX元素、元件!這個章節的時候,就有提到現在官方現在其實並不推薦CRA的建置了 但C...