Day-22 專案演練 - 修改與刪除代辦清單 useState() 很開心的把表格的功能做完，但我似乎忘記了很多事情，如果它是個 todo list，那是不...
昨天簡單介紹了node-ffi-npi的基本概念，今天要實際使用node-ffi-npi來呼叫我們動態連結函庫內的函式。 首先安裝node-ffi-npi：...
JSX 1.JSX語法是React.createElement的簡寫語法，要使用它需要匯入(import)react函式庫，並且要透過babel工具編譯才可以。...
今天我們繼續來設定我們的架構，首先先把index.js的預設內容給刪除掉。 透過檢視原始碼，可以取得title以及icon，整理一下之後index.js imp...
我們昨天看完了 react-intl 在專案中的使用方式今天我們來看，專案中是如何規範翻譯 規範 在專案的早期，翻譯檔都被放在 「helpers/transla...
好，目前已將 Firebase 的服務都設定的差不多了，接下來就是一一實作將功能與頁面結合。 提示訊息元件 在實作之前，我們來建立一個提示訊息元件，因為串接功能...
延續昨天 useEffect 的說明，今天著重在 cleanup function 的使用時機、並搭配 useEffect 中的 closure 來做到「取消...
在轉職成軟體工程師的這個過程，鐵人賽上大神前輩的文章總是帶給我很多啟發跟想法，自己也希望透過分享的方式讓自己對於 react 有更深入且全面的認識，了解框架運作...
前導 還沒看過上一篇文章的朋友請先回顧喔！接續上一篇的問題，大家有找到合適的解法了嗎？如果沒有讓我們一起來思考除了useState以外還有什麼可以讓我們有效管理...
經過幾天的實作與摸索，建立出第一個 React 運用，但是裡面還是有些東西不熟悉，這時要探討一下這些是什麼東西。 本日的範本是昨日－【D6】的 .jsx，這邊會...
昨天簡單介紹了一下 locales 是什麼今天來看看「react-intl」 react-intl 使用 react-intl 很簡單npm 安裝好後，只要在...
本系列文章會在筆者的部落格繼續連載！Design System 101 感謝大家的閱讀！ 本文同步上傳到筆者的個人部落格，裡面透過 Sandpack 直接...
tags: ItIron2023 react 前言 昨天我們看了一個基本的Tab component題目，在那個常見的UI組件上做了一點小小的測試，相信對你們來...
先前遇到的問題 在第10天發現取到的值都是之前的值，對此完全不知道發生什麼事情。經過網友的回應，原來是在 batch update 發生的問題。原來 React...
前言 繼承上一篇 Never trust user input 的精神，有一種使用者也是操作迅速，彷彿在玩 OSU (如上圖，音樂遊戲)，結果不小心按到「刪除...
什麼是原子交易？ 在開始前，先把 「原子交易（Atomic Transaction）」 說清楚： 「它是一個把多筆狀態更新包起來的保護殼，保證這段操作要嘛全部...
今天是挑戰的最後一天，我們聊了許多關於React和比較常見的套件，以及最後實作了Gym Pro的專案，為什麼要做這個挑戰主要是我七年的開發經驗都圍繞在後端，這幾...
在組件間傳值的時候，當組件間關係越來越複雜時傳入參數值的正確性就變得很重要了，如果這個環節出錯一般稱為業務邏輯錯誤，這代表你程式寫的語法是對的但是錯的是你的業務...
今天要來介紹另一個React內建的元件<StrictMode />，目的是幫助我們可以即早發現bugs即早治療。 使用 使用方式就是將<Str...
在公司實習時遇到了一個問題，我們會用i18n來去做網站的中英文轉換，我們並且會寫一份json來管理我們所有的key，但會遇到一個問題就是說如果一個key在英文有...
本文同步刊載於 我的部落格 30天可以做什麼？ 身為一位工程師，最需要的就是以 side project 來展示自己的技能，在一年一度的鐵人賽中看見 sid...
在前一篇文章當中我們展示了如何使用 Rust 當中的 Rocket 以及 mongoDB 套件，建立了一個簡單的使用者資料管理方面的 RESTful API，但...
本集感謝 ALAPH Camp 贊助本人持續創作，做自己想做的事，同時也讓更多人一同學習成長。 抱歉一直把 MUI 講成 MIUI...。 commi...
#node_modules\klinecharts/dist/klinecharts.js 2450行 定義多語結構 tooltip: { show...
今天的重點摘錄 在 Component API 可以查詢每個元件能使用的 props 客製化 theme 的方法（Space / FontSize / Pla...
已經在 Day25中設計了製作身分證的樣式，接下來要製作點擊按鈕後進行的程式邏輯。 製作邏輯的 js 檔案 建立一個 idnoCreater.js 的檔案，裡面...
於前一篇的前置準備完成後，我們已在網路空間新增一個 Firebase 專案了。然而因為刻畫面耗時較長，也希望在刻畫面的同時能夠同時串接資料(就不要為了頁面呈現而...
在 React 中，處理表單是常見的事情，通常使用onChange 事件處理器來去做資料的更新。表單可能會有多種欄位，會將每個欄位拆開來介紹，以下分別為各種類型...
鯨魚
‧
2024-09-29
昨天我們講完了 UI Library今天來看專案裡的 component 以前寫的 CSS 以前還在寫 PHP 的時候，很多時候都會需要撰寫前端在寫前端樣式的時...
今天來看三個重點： 怎麼使用 ref 保存 DOM Node？ callback ref 怎麼用？ DOM Nodes 是在什麼時間點被保存當 ref 中？...
aoigj100
CarterChu
Moscle.dev
HLTVProxy
Annie
pjchender
evan_hsu
LucianoLee
eyelash*睫毛
Jing.tech
windate3411
Charlie
Nanami Lemon
ss95159
Maso的萬事屋
我是圈圈
iThome鐵人賽
看影片追技術