TypeScript 在寫 JavaScript 的時候，你會直接使用變數，不管是 const, let, var，因為沒有定義他的 type，所以可以是任何東...
嗨點進來的你，我是 Yin，歡迎來到 Remix 的世界！ Remix SSR 先打預防針，Remix 是 SSR(Server Side Render) 架構...
行文至此，鐵人賽已經完成三分之二。雖說有保留約五天的緩衝進度，但每日撰文的壓力對意志仍是考驗。累倒是其次，做這件事占用掉生活多大的比例，又能交換到什麼，才是關鍵...
React vs Vue React要用onChange提供反向資料流，Vue是透過v-model達成雙向綁定 Vue的ref類似useState，而非use...
useEffect 是許多寫 React 的人必須要學習的 Hook 之一，它也是 React 中非常重要的概念之一。也讓很多人又愛又恨，愛的是它讓我們可以輕鬆...
使用時機 useState：邏輯簡單時做狀態管理。搭配展開語法、filter、map可分別實作增刪改 useReducer：1. 邏輯複雜時做狀態管理（譬如增...
關鍵字 Components：一段可複用的程式碼，React的最小單位。名稱以大寫開頭 JSX：類似模板語言的JS語法擴充。會回傳JS物件React elem...
Takeaway useEffect的”Effect”是副作用 使用useEffect呼叫api時，可以加上布林判斷let ignore = false結合i...
Takeaway useEffect的前身是生命週期函數componentDidMount、 componentWillUnmount和componentDi...
Takeaway 讓組件和React之外的系統同步 一般來說，副作用得在事件處理函數裡發生。但要是沒有特定的觸發事件，就可以使用Effect包裹副作用 不要太...
Takeaway useRef可以拿來傳參考，畢竟用了Reference嘛 不想觸發渲染時：使用ref。所以在渲染期間讀取ref是沒用的 如果直接更新useR...
Takeaway Context可將Props直送到所要的組件 使用Context的三步驟：創建 → 使用 → 提供 譬如<LevelContext.P...
Takeaway Reducer邏輯：讓「事件處理函數」派遣action給響應的「reducer函數」 如何使用useReducer：將setter的邏輯改成...
Takeaway 當一個組件不再渲染，它的狀態也不會保留 相同位置的相同組件不再渲染，會被視為切換，保留狀態 相同位置的相同組件想重置狀態？在不同位置渲染或使...
Takeaway 不應同時為true的state不要同時宣告 比起用嵌套一層包一層，讓每個節點「扁平化」，定義各自的子節點會更好 用到Props時要把Stat...
“React stands at the intersection of design and computer science, so both of th...
Takeaway 嵌套裡的物件用展開語法會寫成像這樣：...person.artwork 被嵌套的物件看似像被嵌套，但其實狀態上有點像淺拷貝 讓嵌套裡的物件可...
Takeaway 渲染時傳回的JSX被形容為是Snapshot快照，會固定State的值 React會等事件處理函數運作完才更新State，這被稱作Batch...
Takeaway State：隨時間而變化，不能藉由現有資料計算出來 決定State放在哪：找到用State的組件們，再找它們的共同父組件 更改區域變數不會觸...
這段比起學React，更像是在複習JS和瀏覽器的互動呢。事件屬性除了等下會介紹的e.eventPhase，還有熟悉的e.preventDefault以及能自動觸...
Takeaway 嚴格模式：會調用每個組件函數兩次，確保結果一致 Mutation：更改預先存在的變數 Local mutation：在父組件裡更改是ok的...
Takeaway JSX不是實例 let + if雖然冗長但靈活 &&也可以做條件渲染 寫成{count > 0 &&...
Takeaway HTML標籤的props是訂好的，但傳給組件的props可以自定義 在子組件中，可以像讀取參數一樣讀取來自父組件的props 例如funct...
我們主要會經由React的官方教學進行學習。 如果在挑戰環節中實作到有趣的題目，也會透過線上IDE分享給大家，方便快速上手。目前主要會採用CodeSandbox...
前言 且說前陣子在半路咖啡和Bar手搭話時，聊到設計出身的他現在正職是寫Vue。我一面吞下遞過來的Tequila，一面想著多年前大概料不到自己會主動找人談Cod...
在2024年春天，我踏上了自由職業的旅程。隨著對技術的熱愛與對分享的渴望，我成立了流光館Luma<∕>個人品牌，作為技術作品和記錄職業生涯的平台。...
在Angular中可以調用React庫,但是,需要手動插入,所有寫法全部是以React為主,Angular中只負責傳入數據,這樣寫的很麻煩也很不優雅 這樣不妨...
大家好！我是一宵三筵！在去年的鐵人賽中，雖然報名的是自我挑戰組，不過後續就有出版社聯絡是否可以將內容編集成冊真的感謝大家都願意給予這個系列文章關注、訂閱於是跟深...
大家好！我是一宵三筵！在去年的鐵人賽中，雖然報名的是自我挑戰組，不過後續就有出版社聯絡是否可以將內容編集成冊真的感謝大家都願意給予這個系列文章關注、訂閱於是跟深...
#node_modules\klinecharts/dist/klinecharts.js 2450行 定義多語結構 tooltip: { show...
Yin
haruowang
carolcheng
一宵三筵
iThome鐵人賽
看影片追技術