前導 還沒看過上一篇文章的朋友請先回顧喔！接續上一篇的問題，大家有找到合適的解法了嗎？如果沒有讓我們一起來思考除了useState以外還有什麼可以讓我們有效管理...
今天的重點摘錄 用 useState 裡帶的參數來初始化 只能用 set 開頭的函式命名 setState ，被呼叫時會負責更改 State 值 State...
前一篇 useEffect 大概了解之後，我們這篇來簡單了解一下 dependecies (就是辣個 []) 以及 useCallback 吧！ 前一篇：ht...
安裝： 今天先從建立最基本的react網站開始吧。安裝Node.js，因為這是驅動react前置的東西可以先啟動一個終端機輸入node -v如果有顯示出版本號，...
#node_modules\klinecharts/dist/klinecharts.js 2450行 定義多語結構 tooltip: { show...
這篇文章的主要內容 簡單介紹 SSR & Next.js CSR( Client Side Rendering) 在前面有提到 react 是一個 C...
昨天簡單介紹了一下 locales 是什麼今天來看看「react-intl」 react-intl 使用 react-intl 很簡單npm 安裝好後，只要在...
它為了解決什麼問題而生？ 正如我在 Day 03 有提到的，它使用了 Virtual DOM 來解決直接操作 DOM 造成的性能問題。並且採用有別於 bindi...
昨天將使用React的Electron開發環境建置完成了，就可以開始動手撰寫Electron應用程式。第一步先修改Electron應用程式的UI，目前的UI還是...
今天來學習如何使用 context 來解決 prop drilling 的問題。今天會學習的內容為： 了解什麼是 prop drilling context...
講古 在早期還沒有Context Provider的時候你每一層都需要靠 props 來傳遞資料，才能達到資料共享。 然後... 於是 Context / P...
前言 這是30天的React初學者在沒有學過其他框架的背景下進行的學習過程紀錄，請當作一般的學習筆記來閱讀。預備知識為HTML、CSS以及JavaScript。...
我們昨天看完了 react-intl 在專案中的使用方式今天我們來看，專案中是如何規範翻譯 規範 在專案的早期，翻譯檔都被放在 「helpers/transla...
Day-18 專案演練 - 重構程式碼 雖然並沒有影響專案的功能、畫面，但隨著 TodoPage 的篇幅越來越長，我感覺在撰寫程式的過程有點不太舒服，所以我打...
經過前一篇文章的操作與設定，我們已經將 Firebase 引入至 React 專案中，今天就來串接資料庫吧！ 串連 Firestore database 首先先...
本章較長,重點整理: 檢查package.json 查看自己已有插件與版本 尋找想要的插件功能 google是你好朋友 加上 "React"...
今天的重點摘錄 元件像人一樣有生有死，而生命週期幫助我們能在「特定階段」，做「只有該階段會做的事情」 constructor ：初始化與建構物件 render...
終於進到我們最後的部分，「checkout」接下來我們會來看在這個專案中結帳的流程是怎麼進行的 我們以們前幾天的課程為例首先我們看到，如果課程為「0元」的情況分...
選擇障礙 這個話題在 React 生態系裡面永遠討論不完，這次想分享我自己使用上的見解，別看我都在講些hook function的使用，css 我也是略懂略懂，...
在轉職成軟體工程師的這個過程，鐵人賽上大神前輩的文章總是帶給我很多啟發跟想法，自己也希望透過分享的方式讓自己對於 react 有更深入且全面的認識，了解框架運作...
什麼是 Pure Function 什麼是 Side Effect React 中有 unexpected side effect 是什麼情況 React....
用途：將元件掛載到指定節點。除了昨天的 Dialog 家族外，接下來的 Toast 與 ToolTip 也都有使用到這個元件。 理由：在無法保證親代元件是否會有...
今天的重點摘錄 Hook 是 React 先寫好的東西，方便我們不用從頭造輪子、可以直接開發，之前提過的 useState useEffect 都是 Hook...
緣起 官方介紹影片連結，我也是做這個主題才知道，原來這個概念已經存在那麼久了，那我們快速講解他的成因吧！ 影片整理 目的Dan Abramov 說出了我們前端開...
tags: ItIron2023 react 前言 我們昨天看了一個簡單的條件渲染的範例，了解到為什麼你不該用布林值以外的值作為判斷條件渲染的標準，今天我們繼續...
Day-27 專案演練 - 寫在最後 專案分享的尾聲，篇幅有限，還有很多想做的功能還沒完成，做個這 20 天來邊做邊寫的總結，在鐵人賽結束之後，我會繼續把之前說...
Day-23 專案演練 - 狀態管理員 redux 近半年前的我剛碰到 redux 的時候，卡關卡很久，看 RTK 的官方教學看不懂，就在網上找到了原作者的教...
在碰到純前端的大專案時，專案內有許多頁面是必然的。都是在同個專案，當頁面跳轉時，想必也都會使用到相同的元件。但是，在創建新頁面時，我們不僅要複製多個元件，甚至是...
接著來學習在React當中處理事件，主要會提到React當中的事件傳遞機制，內容如下： React當中的事件傳遞 停止事件傳遞 React當中的捕獲 預防預設...
這次來簡單加入一下之前 Day20的檢查工具，來檢查我們製作出來的身分證是不是合規。 .js 引入功能 把之前 Day20 做好的檔案 IDChecker.js...
LucianoLee
我是圈圈
Charlie
rian1995
evan_hsu
HLTVProxy
Wei Ji
CarterChu
yuu
aoigj100
Annie
pjchender
查理狐狐
windate3411
ttdragon0722
eyelash*睫毛
iThome鐵人賽
看影片追技術