iT邦幫忙

react相關文章
共有 1540 則文章

技術 # 在 Angular 中調用 React 庫

在Angular中可以調用React庫,但是,需要手動插入,所有寫法全部是以React為主,Angular中只負責傳入數據,這樣寫的很麻煩也很不優雅 這樣不妨...

技術 【出版】出成實體書了!《用 ChatGPT 詠唱來點亮 React & 前端技能樹》!

大家好!我是一宵三筵!在去年的鐵人賽中,雖然報名的是自我挑戰組,不過後續就有出版社聯絡是否可以將內容編集成冊真的感謝大家都願意給予這個系列文章關注、訂閱於是跟深...

技術 【出版】出成實體書了!《用 ChatGPT 詠唱來點亮 React & 前端技能樹》!

大家好!我是一宵三筵!在去年的鐵人賽中,雖然報名的是自我挑戰組,不過後續就有出版社聯絡是否可以將內容編集成冊真的感謝大家都願意給予這個系列文章關注、訂閱於是跟深...

技術 [NPM] klinechart多語系

#node_modules\klinecharts/dist/klinecharts.js 2450行 定義多語結構 tooltip: { show...

技術 [NPM] hqchart 多語系

__locale(帶入語系) CN ,EN option.Language = __locale; var chart = HQChart.Chart.JS...

技術 [React + TS] lexical文字編輯器套件使用心得與教學

[React + TS] lexical文字編輯器套件使用心得與教學 前言 最近寒假寫專案寫著發閒,發現React一些套件的教學很少,例如本篇提到的lexica...

技術 [React][jsx] 隨畫面滾動淡入淡出

程式碼分享加小紀錄,如果能幫到你的話就太好了 codeSandBox 透過滾動才出現的box,會淡入,當畫面滾動到看不見該box,他就會在看不到的地方悄悄淡出。...

技術 前端開發筆記:如何在React專案使用MQTT

最近終於完成公司新產品的前端開發啦!不過在開發時也遇到了不少挑戰,其中最難處理的就屬「MQTT通訊協定」的部分了...😅 而自己在study或是Google資...

技術 【Day35】ChatGPT請教教我:UI文件與測試!Storybook!

目前這個系列已挑選ChatGPT、前端&React相關章節出版成書!感謝大家的閱讀與支持!《用 ChatGPT 詠唱來點亮 React & 前端技能樹...

鐵人賽 SideProject30 DAY 30

技術 Day30:完賽不是終點,而是另一個起點

是的,如同標題所說,目前專案確實完成度沒有很高,但無論進度如何,今天就在挑戰的最後一天進行部屬吧! 如何使用 Vercel 部屬 進到 Vercel 官網註冊...

鐵人賽 Modern Web DAY 30

技術 30天React練功坊-攻克常見實務/面試問題 Day30: Memory Cards Game(interview question)

tags: ItIron2023 react 前言 我們昨天做了一個基本的井字遊戲,基本上除了css的部分有些困難之外,基本的邏輯實踐其實相當的單純,今天我們反...

鐵人賽 Software Development DAY 30

技術 Day30 尾聲及整理

三十天,一個說長不長說短不短的時間,還真沒料到要連續三十天都發文章也不是一件容易的事情,原本今年是想報名自我挑戰組試試水溫,有了今年的經驗之後明年再來挑戰正式組...

鐵人賽 Modern Web DAY 30

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

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

技術 React 六角學院-學習筆記(Form 表單)

常見表單元素 label + input function App() { const [inputState, setInputState] = useS...

鐵人賽 SideProject30 DAY 29

技術 Day29:當顧客開始訂位

倒數2天,把握時間繼續努力! 製作月曆元件 昨天製作了顧客視角的服務項目詳細頁後,今天依照原先的 Wireflame 設計線稿,刻出可供預約的日期時段區塊,這部...

鐵人賽 Modern Web DAY 29

技術 30天React練功坊-攻克常見實務/面試問題 Day29: Simple Tic-Tac-Toe game(interview question)

tags: ItIron2023 react 前言 我們昨天處理了一個實務上常見的面試問題,要你根據某份提供的api文件以及一些指示完成題目的要求,今天我們再來...

鐵人賽 Software Development DAY 29

技術 Day29 Electron應用程式-9

能夠間隔讀取CPU風扇轉速後,我們的Electron應用程式基本的功能就完成了,但是UI的呈現略顯單調。由於我們是基於React來開發UI,所以可以使用既有的U...

鐵人賽 Modern Web DAY 29
30 days of React 系列 第 29

技術 Day 29 - React useEffect cleanup function 練習:製作電子時鐘

昨天我們學習了副作用相關的知識,並嘗試使用useEffect完成了一個小練習,但還沒有使用到cleanup function。今天要透過實作的練習來學習Clea...

鐵人賽 Modern Web DAY 30
react 學習記錄 系列 第 30

技術 [Day30]我的 react 學習記錄 - 結束啦!

結束了! 今天就是最後一天了,終於結束了!!! 自己在年初的時候給自己下了一個目標,希望可以參加今年的 IT 鐵人賽,並且順利完賽。 想不到這個目標真的達成了...

鐵人賽 SideProject30 DAY 28

技術 Day28:React 與 Firebase 的 CRUD 串接(二)

店家新增完服務項目後,顧客就可以開始查看預約了!所以今天將開發重點放在顧客角度會看到的頁面都實作完成。 組裝列表頁面(顧客視角) 串接讀取文件的 API i...

鐵人賽 Modern Web DAY 28

技術 30天React練功坊-攻克常見實務/面試問題 Day28: Fetch all synonyms for given word(interview question)

tags: ItIron2023 react 前言 昨天我們完成了add emoji onclick的問題,額外用了幾個state以及timer去達到題目的要求...

鐵人賽 自我挑戰組 DAY 28

技術 [Day28] 使用者頁面和更新使用者資料開發

大綱 使用者頁面開發 更新使用者資料 1. 使用者頁面開發 Wireframe 建立檔案 一樣先在pages資料夾底下建立Profile.js在這個頁面...

鐵人賽 Modern Web DAY 28

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

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

鐵人賽 Software Development DAY 28

技術 Day28 Electron應用程式-8

昨天成功在Electron應用程式使用動態連結函庫讀取CPU風扇轉速,但這個轉速數值只會在Electron應用程式UI載入後更新一次,之後就會維持同樣的轉速數值...

鐵人賽 自我挑戰組 DAY 29

技術 【Day29】ChatGPT請教教我:React 進階(七)- Nx 框架!Monorepo 架構!

目前這個系列已挑選ChatGPT、前端&React相關章節出版成書!感謝大家的閱讀與支持!《用 ChatGPT 詠唱來點亮 React & 前端技能樹...

鐵人賽 Modern Web DAY 29
react 學習記錄 系列 第 29

技術 [Day29]我的 react 學習記錄 - SSR & Next.js

這篇文章的主要內容 簡單介紹 SSR & Next.js CSR( Client Side Rendering) 在前面有提到 react 是一個 C...

鐵人賽 Modern Web DAY 28
30 days of React 系列 第 28

技術 Day 28 - React useEffect 基礎:Focus a field on mount 實作練習

今天讀完了 React 官方文件的 Synchronizing with Effects 的章節,初步學習了 Effects 的相關知識,透過實作來練習和理解觀...

鐵人賽 SideProject30 DAY 27

技術 Day27:React 與 Firebase 的 CRUD 串接(一)

倒數第4天的挑戰,是完成一套新增讀取編輯刪除(CRUD)的頁面組裝與串接,話不多說直接開始! 組裝列表頁面(店家視角) 串接讀取文件的 API import...

鐵人賽 Modern Web DAY 27

技術 30天React練功坊-攻克常見實務/面試問題 Day27: Add emojis to the page onclick PartII(interview question)

tags: ItIron2023 react 前言 我們昨天做了一個還算有趣的問題,利用state控制整個emoji陣列並決定每個組件要在螢幕的哪處渲染,今天我...

鐵人賽 自我挑戰組 DAY 27

技術 [Day27]文章內容頁開發

大綱 1.文章內容頁開發2.編輯文章功能開發 1. 文章內容頁開發 Wireframe 先在pages資料夾底下建立BlogPost.js //BlogPos...