昨天的bmi計算器範例用到了一個未曾見過的新面孔-useReducer 究竟 useReducer 是何方神聖呢現在來進行說明 useReducer 跟其他 r...
前言 嗨，我是Hogan目前在經營自己的自媒體 hogan.tech主要分享一些有關於程式碼、軟體和科技業經驗分享有興趣的讀者可以進一步關注我，進而獲得更多資訊...
今天要來聊 React hooks，Hooks 在 React 16.8 時推出，它提供了更低的學習曲線、更高的可讀性和更輕鬆的 debug。這篇文章會預設你...
今天來用 react hook 實作一個 bmi 計算機的小工具 分成三個元件App.js 寫 input onChange 等邏輯的父元件BmiRes.js...
繼續把骰子遊戲寫完～回顧一下，昨天達成了1. 產生隨機骰子點數的函式2. 將骰子點數作為 property 傳送到子元件 Dice 中，讓子元件顯示出對應的點數...
前言 嗨，我是Hogan目前在經營自己的自媒體 hogan.tech主要分享一些有關於程式碼、軟體和科技業經驗分享有興趣的讀者可以進一步關注我，進而獲得更多資訊...
前言 嗨，我是Hogan目前在經營自己的自媒體 hogan.tech主要分享一些有關於程式碼、軟體和科技業經驗分享有興趣的讀者可以進一步關注我，進而獲得更多資訊...
今天來用react hook寫一個投骰子遊戲～ 一樣以 codesandbox 作為環境先上傳六張骰子點數的圖片增加 Dash.js 用來顯示主要的遊戲狀態，D...
昨日【D8】有點小問題，其實<div id="result">的值React 已經會幫忙轉譯，可以顯示test，但是從input...
建立一個比較複雜的 .jsx，讓後面使用這個範本進行作業。這邊嘗試用 .jsx 進行副檔名，非原先的.js。 建立 .jsx 建立一個 ChangeStr.js...
Part 2 of Passing Data Deeply with Context @ ReactJS Doc beta 我知道多數人都聽過或用過 Rea...
前兩天我介紹了React中很重要的兩個hook：useState和useEffect，這兩個hook幫助我們讓react程式能因應使用者的動作做出變化。不過，若...
前言 React Hooks 已經出現好一陣子了，現在初學 React 的新手，可能都已經用 hook 用得很順手了。 但如果接手到比較舊一點的 React 專...
props 的傳入方法 在 class component 中的話要先呼叫建構子（constructor）並執行 super()將 props 作為引數(arg...
想讓 hooks 能夠對應 window 以外的捲動對象，今天來做點加工處理。 成品 useElementIsScrollDown useElement...
大家好，我是查理！懷抱著既緊張又期待的心情參加，也抓著朋友們一起組團，這樣就能一起緊張(剉咧等)了。 我們都是在網頁中暢遊的小小工程師，團員丹尼要來做新手友善的...
做出一個固定在畫面上方的導覽列沒什麼難度，故本日目標是重現 MUI 的 Elevate App bar 與 Hide App bar 這兩種導覽列。 成品...
今天要分享的是我們在優化前端時常會做的處理，Debounce & Throttle，那關於這兩個名詞的解釋，網路上有很多專門在講解的文章，也可以參考連結...
今天分享一個簡單又常用到的方法來處理表單，先舉個新手進入React處理表單時常用到的例子： // 使用useState來記錄表單欄位訊息 const [nati...
有使用過React的同學都知道，用React做輸入控制的時候， 通常做法是建立一個input的state， 具體如下： import { useState }...
開發React的專案也有好一陣子了，趁著有空閒的時間和大家分享一些我常會在不同專案用到的共同自訂義hook function，這系列會由淺入深啦，所以先從基本的...
Redux 官網 在還沒有加入Redux之前，資料在APP中各個view的傳遞會需要翻山越嶺，經過一個庄再到一庄： 有了 Redux 後，所有的資料就會在最上...
UseRef useRef 會回傳一個 mutable 的 ref object，.current 屬性為初始為傳入的參數。寫法如下： const refCo...
(2024/04/06更新) 因應React在18後更新了許多不同的語法，更新後的教學之後將陸續放在 新的blog 中，歡迎讀者到該處閱讀，我依然會回覆這邊的...
(2024/04/06更新) 因應React在18後更新了許多不同的語法，更新後的教學之後將陸續放在 新的blog 中，歡迎讀者到該處閱讀，我依然會回覆這邊的...
(2024/04/06更新) 因應React在18後更新了許多不同的語法，更新後的教學之後將陸續放在 新的blog 中，歡迎讀者到該處閱讀，我依然會回覆這邊的...
(2024/04/06更新) 因應React在18後更新了許多不同的語法，更新後的教學之後將陸續放在 新的blog 中，歡迎讀者到該處閱讀，我依然會回覆這邊的...
(2024/04/06更新) 因應React在18後更新了許多不同的語法，更新後的教學之後將陸續放在 新的blog 中，歡迎讀者到該處閱讀，我依然會回覆這邊的...
(2024/04/06更新) 因應React在18後更新了許多不同的語法，更新後的教學之後將陸續放在 新的blog 中，歡迎讀者到該處閱讀，我依然會回覆這邊的...
(2024/04/06更新) 因應React在18後更新了許多不同的語法，更新後的教學之後將陸續放在 新的blog 中，歡迎讀者到該處閱讀，我依然會回覆這邊的...
dc88
hogantech
bywater529
eyelash*睫毛
pjchender
時雨
ycchiuuuu
查理狐狐
Charlie
Edmond
chunwen
Andy Chang
iThome鐵人賽
看影片追技術