iT 邦幫忙::一起幫忙解決難題，拯救 IT 人的一天

0 Like 0 留言 388 瀏覽

鐵人賽佛心分享-IT 人自學之術 DAY 19

【現在學React還來得及嗎？】30天Takeaway分享系列第 19 篇

技術【Day19】Recap1

關鍵字 Components：一段可複用的程式碼，React的最小單位。名稱以大寫開頭 JSX：類似模板語言的JS語法擴充。會回傳JS物件React elem...

haruowang ‧ 2024-08-23

0 Like 0 留言 361 瀏覽

鐵人賽佛心分享-IT 人自學之術 DAY 18

【現在學React還來得及嗎？】30天Takeaway分享系列第 18 篇

技術【Day18】Effect3

Takeaway useEffect的”Effect”是副作用使用useEffect呼叫api時，可以加上布林判斷let ignore = false結合i...

haruowang ‧ 2024-08-22

0 Like 0 留言 568 瀏覽

鐵人賽佛心分享-IT 人自學之術 DAY 17

【現在學React還來得及嗎？】30天Takeaway分享系列第 17 篇

技術【Day17】Effect2

Takeaway useEffect的前身是生命週期函數componentDidMount、 componentWillUnmount和componentDi...

haruowang ‧ 2024-08-21

0 Like 0 留言 366 瀏覽

鐵人賽佛心分享-IT 人自學之術 DAY 16

【現在學React還來得及嗎？】30天Takeaway分享系列第 16 篇

技術【Day16】Effect1

Takeaway 讓組件和React之外的系統同步一般來說，副作用得在事件處理函數裡發生。但要是沒有特定的觸發事件，就可以使用Effect包裹副作用不要太...

haruowang ‧ 2024-08-20

0 Like 0 留言 419 瀏覽

鐵人賽佛心分享-IT 人自學之術 DAY 15

【現在學React還來得及嗎？】30天Takeaway分享系列第 15 篇

技術【Day15】ref

Takeaway useRef可以拿來傳參考，畢竟用了Reference嘛不想觸發渲染時：使用ref。所以在渲染期間讀取ref是沒用的如果直接更新useR...

haruowang ‧ 2024-08-19

0 Like 0 留言 404 瀏覽

鐵人賽佛心分享-IT 人自學之術 DAY 14

【現在學React還來得及嗎？】30天Takeaway分享系列第 14 篇

技術【Day14】Context

Takeaway Context可將Props直送到所要的組件使用Context的三步驟：創建 → 使用 → 提供譬如<LevelContext.P...

haruowang ‧ 2024-08-18

0 Like 0 留言 348 瀏覽

鐵人賽佛心分享-IT 人自學之術 DAY 13

【現在學React還來得及嗎？】30天Takeaway分享系列第 13 篇

技術【Day13】Reducer

Takeaway Reducer邏輯：讓「事件處理函數」派遣action給響應的「reducer函數」如何使用useReducer：將setter的邏輯改成...

haruowang ‧ 2024-08-17

0 Like 0 留言 593 瀏覽

鐵人賽佛心分享-IT 人自學之術 DAY 12

【現在學React還來得及嗎？】30天Takeaway分享系列第 12 篇

技術【Day12】State managing 3

Takeaway 當一個組件不再渲染，它的狀態也不會保留相同位置的相同組件不再渲染，會被視為切換，保留狀態相同位置的相同組件想重置狀態？在不同位置渲染或使...

haruowang ‧ 2024-08-16

0 Like 0 留言 556 瀏覽

鐵人賽佛心分享-IT 人自學之術 DAY 11

【現在學React還來得及嗎？】30天Takeaway分享系列第 11 篇

技術【Day11】State managing 2

Takeaway 不應同時為true的state不要同時宣告比起用嵌套一層包一層，讓每個節點「扁平化」，定義各自的子節點會更好用到Props時要把Stat...

haruowang ‧ 2024-08-15

0 Like 1 留言 468 瀏覽

鐵人賽佛心分享-IT 人自學之術 DAY 10

【現在學React還來得及嗎？】30天Takeaway分享系列第 10 篇

技術【Day10】State managing 1

“React stands at the intersection of design and computer science, so both of th...

haruowang ‧ 2024-08-14

0 Like 0 留言 429 瀏覽

鐵人賽佛心分享-IT 人自學之術 DAY 9

【現在學React還來得及嗎？】30天Takeaway分享系列第 9 篇

技術【Day9】State3

Takeaway 嵌套裡的物件用展開語法會寫成像這樣：...person.artwork 被嵌套的物件看似像被嵌套，但其實狀態上有點像淺拷貝讓嵌套裡的物件可...

haruowang ‧ 2024-08-13

0 Like 0 留言 409 瀏覽

鐵人賽佛心分享-IT 人自學之術 DAY 8

【現在學React還來得及嗎？】30天Takeaway分享系列第 8 篇

技術【Day8】State2

Takeaway 渲染時傳回的JSX被形容為是Snapshot快照，會固定State的值 React會等事件處理函數運作完才更新State，這被稱作Batch...

haruowang ‧ 2024-08-12

0 Like 0 留言 422 瀏覽

鐵人賽佛心分享-IT 人自學之術 DAY 7

【現在學React還來得及嗎？】30天Takeaway分享系列第 7 篇

技術【Day7】State1

Takeaway State：隨時間而變化，不能藉由現有資料計算出來決定State放在哪：找到用State的組件們，再找它們的共同父組件更改區域變數不會觸...

haruowang ‧ 2024-08-11

0 Like 0 留言 435 瀏覽

鐵人賽佛心分享-IT 人自學之術 DAY 6

【現在學React還來得及嗎？】30天Takeaway分享系列第 6 篇

技術【Day6】Events

這段比起學React，更像是在複習JS和瀏覽器的互動呢。事件屬性除了等下會介紹的e.eventPhase，還有熟悉的e.preventDefault以及能自動觸...

haruowang ‧ 2024-08-10

0 Like 0 留言 460 瀏覽

鐵人賽佛心分享-IT 人自學之術 DAY 5

【現在學React還來得及嗎？】30天Takeaway分享系列第 5 篇

技術【Day5】Pure Functions & UI Tree

Takeaway 嚴格模式：會調用每個組件函數兩次，確保結果一致 Mutation：更改預先存在的變數 Local mutation：在父組件裡更改是ok的...

haruowang ‧ 2024-08-09

0 Like 0 留言 716 瀏覽

鐵人賽佛心分享-IT 人自學之術 DAY 4

【現在學React還來得及嗎？】30天Takeaway分享系列第 4 篇

技術【Day4】Render

Takeaway JSX不是實例 let + if雖然冗長但靈活 &&也可以做條件渲染寫成{count > 0 &&...

haruowang ‧ 2024-08-08

0 Like 0 留言 557 瀏覽

鐵人賽佛心分享-IT 人自學之術 DAY 3

【現在學React還來得及嗎？】30天Takeaway分享系列第 3 篇

技術【Day3】Props

Takeaway HTML標籤的props是訂好的，但傳給組件的props可以自定義在子組件中，可以像讀取參數一樣讀取來自父組件的props 例如funct...

haruowang ‧ 2024-08-07

0 Like 0 留言 694 瀏覽

鐵人賽佛心分享-IT 人自學之術 DAY 2

【現在學React還來得及嗎？】30天Takeaway分享系列第 2 篇

技術【Day2】Components & JSX

我們主要會經由React的官方教學進行學習。如果在挑戰環節中實作到有趣的題目，也會透過線上IDE分享給大家，方便快速上手。目前主要會採用CodeSandbox...

haruowang ‧ 2024-08-06

1 Like 0 留言 804 瀏覽

鐵人賽佛心分享-IT 人自學之術 DAY 1

【現在學React還來得及嗎？】30天Takeaway分享系列第 1 篇

技術【Day1】源起與基本觀念

前言且說前陣子在半路咖啡和Bar手搭話時，聊到設計出身的他現在正職是寫Vue。我一面吞下遞過來的Tequila，一面想著多年前大概料不到自己會主動找人談Cod...

haruowang ‧ 2024-08-05

1 Like 0 留言 616 瀏覽

鐵人賽 JavaScript DAY 1

從PM到前端開發：我的React作品集之旅系列第 1 篇

技術 Day 1：用 Webpack 初始化 React 專案

在2024年春天，我踏上了自由職業的旅程。隨著對技術的熱愛與對分享的渴望，我成立了流光館Luma<∕>個人品牌，作為技術作品和記錄職業生涯的平台。...

carolcheng ‧ 2024-09-01

0 Like 0 留言 781 瀏覽

技術 # 在 Angular 中調用 React 庫

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

wszgrcy ‧ 2024-04-09

2 Like 0 留言 2567 瀏覽

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

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

一宵三筵 ‧ 2024-03-29

2 Like 0 留言 1364 瀏覽

鐵人賽自我挑戰組

用ChatGPT詠唱來完成工作與點亮前後端技能樹系列第 56 篇

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

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

一宵三筵 ‧ 2024-03-29

0 Like 0 留言 818 瀏覽

技術 [NPM] klinechart多語系

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

nlstudio ‧ 2024-03-19

0 Like 0 留言 632 瀏覽

技術 [NPM] hqchart 多語系

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

nlstudio ‧ 2024-03-19

0 Like 0 留言 2548 瀏覽

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

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

georgecheng1023 ‧ 2024-01-28

0 Like 0 留言 756 瀏覽

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

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

makomakomako ‧ 2023-12-30

1 Like 0 留言 2087 瀏覽

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

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

Bob ‧ 2023-11-08

0 Like 0 留言 1433 瀏覽

鐵人賽自我挑戰組

用ChatGPT詠唱來完成工作與點亮前後端技能樹系列第 35 篇

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

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

一宵三筵 ‧ 2023-10-19

0 Like 0 留言 826 瀏覽

鐵人賽 Modern Web DAY 30

30天React練功坊-攻克常見實務/面試問題系列第 30 篇

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

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

windate3411 ‧ 2023-10-15

技術 【Day19】Recap1

技術 【Day18】Effect3

技術 【Day17】Effect2

技術 【Day16】Effect1

技術 【Day15】ref

技術 【Day14】Context

技術 【Day13】Reducer

技術 【Day12】State managing 3

技術 【Day11】State managing 2

技術 【Day10】State managing 1

技術 【Day9】State3

技術 【Day8】State2

技術 【Day7】State1

技術 【Day6】Events

技術 【Day5】Pure Functions & UI Tree

技術 【Day4】Render

技術 【Day3】Props

技術 【Day2】Components & JSX

技術 【Day1】源起與基本觀念

技術 Day 1：用 Webpack 初始化 React 專案

技術 # 在 Angular 中調用 React 庫

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

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

技術 [NPM] klinechart多語系

技術 [NPM] hqchart 多語系

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

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

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

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

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

標記使用者

技術【Day19】Recap1

技術【Day18】Effect3

技術【Day17】Effect2

技術【Day16】Effect1

技術【Day15】ref

技術【Day14】Context

技術【Day13】Reducer

技術【Day12】State managing 3

技術【Day11】State managing 2

技術【Day10】State managing 1

技術【Day9】State3

技術【Day8】State2

技術【Day7】State1

技術【Day6】Events

技術【Day5】Pure Functions & UI Tree

技術【Day4】Render

技術【Day3】Props

技術【Day2】Components & JSX

技術【Day1】源起與基本觀念

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

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

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

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