溫馨提示 在之前架構和渲染機制的文章有提到一些渲染機制的基礎，還不熟悉的朋友可以先去閱讀那篇文章。 那麼我們今天就來聊聊如何改善 Client Side Ren...
比賽好快進到中間時期，剛好適逢中秋佳節與教師節，先祝各位佳節愉快、順利完賽！ 這個連假應該會將專案的元件都完成，並且將註冊、登入與基本頁面先行組裝，後續樣式細節...
有了服務項目後，顧客已經可以開始預約，進入這個網站的重頭戲。上一篇文章中，眼尖的朋友們一定會發現，對比原先的 Flow Chart 後，好像少了「顧客預約當下沒...
對vue比較熟悉的朋友們，應該對於slot的使用都不陌生，slot對於增加元件的使用彈性上有著很大的幫助。但是React沒有vue框架中的v-slot，要怎麼彈...
這篇文章的主要內容 簡單說明 JSX 跟 babel 的作用。 JSX 語法 在上一篇文章中有出現一個有點像是 html 的標籤。 const App: Re...
寫Vue的時候，偶爾會需要使用watch去監聽某個state的變動，來去進行一些邏輯操作。在接觸React之後，我發現React也有一個類似用途的hook，這個...
我們先前有產生出讀取環控晶片的動態連結函庫，但是在Electron應用程式中並不能像Windows console application一樣直接引入使用。要在...
倒數第4天的挑戰，是完成一套新增讀取編輯刪除(CRUD)的頁面組裝與串接，話不多說直接開始！ 組裝列表頁面(店家視角) 串接讀取文件的 API import...
今天要來介紹的是useRef這個hook，在使用的時候可能常常會和useState搞混，但是事實上它們的使用情境是很大的不同的，接下來來一一介紹useRef的特...
tags: ItIron2023 react 前言 我們昨天做了一個簡單的todo list，透過那個題目可以檢驗你對於state & props的掌握...
在上一篇文章中，我成功將使用電子郵件與密碼註冊會員之功能串接，接下來是取得該註冊會員在 API 中的資訊，除了我們可以傳值進去，Firebase 也會自動產生一...
這篇文章的主要內容 簡單介紹 lazy 跟 Suspense 的用途跟用法 lazy lazy 是 react 裡面提供的一個 api 可以讓我們透過非同步的...
延續上一篇，今天繼續研究 Firestore Database 的資料操作， 溫馨提醒：以下內容看到的 showNotify 是我個人封裝使用的提示彈窗，並不...
本文同步刊載於 我的個人部落格在規劃專案之資料表前，想先插播介紹關於 Firebase 的資料庫運作原理，此部分並不影響專案規劃之順序，因為這是在規畫專案前也...
上一篇學習了基礎的元件使用，那麼元件之間該如何串聯，一起使用呢？今天要來學習： 匯出與引入如何運作 匯出元件的二種方法 匯出與引入元件 我們可以透過匯出（e...
在上一回先透過最簡單的 html 與 TypeScript 結合實作一個小場景，接下來我們將會把 React.js 給加入進來，首先簡單介紹一下 React.j...
叮叮
‧
2023-09-27
這篇文章的主要內容 簡單介紹優化 react 的另一個方法 - useCallback useCallback 在 react 裡面除了 object 跟 a...
React 簡介 當我們使用 **create-react-app （CRA）**來建立一個新的 React 專案的時候，專案的結構大致上會像這樣。 dialo...
叮叮
‧
2023-09-28
在這裡筆者我發現問題沒說到： 每次要運行程式 都會需要有終端機來執行 模擬server動作 每次安裝插件, 檔案編輯後存檔 都需要重新啟動一次模擬server...
這篇文章的主要內容 簡單說說 react 裡面把資料放到畫面上跟參數傳遞的方法。 渲染 variable 假設我有一些資料希望放到畫面上，像這樣。 funct...
鐵人賽過半，終於進入到處理表單，官方文件顯示我們已經從 Beginner 進入 Intermediate 的程度，連續地寫作比想像中的還要疲勞，作業 BGM 也...
大綱 Wireframe 登入頁開發 CORS處理 1. Wireframe 以下是登入和註冊頁面的wireframe，樣式細節可依個人喜好調整 登入頁...
前面我們連續看了兩個對避免畫面重新渲染有幫助的hook，今天緊接著再來看另一個也有助於優化效能，並提升使用者體驗的方式。之前看的幾個hooks，主要都是透過避免...
上一篇我們已經完成了兩種主角色的註冊與登入畫面，也有將 Flow Chart 中所提到的店家角色稍微提及(如果忘記規則的話，可以回頭看下列文章)。本篇將重點放在...
Astro 的特點之一，就是可以使用各家框架的元件，像是 React, Vue, Svelte 等，能夠將不同來源的元件拼合到一頁上，在 Monorepo 的架...
今天要來接紹一個還在實驗性的hook，只有在實驗性和canary的版本才有支援。 這個hook的功能是用來讀取資源的值，這邊的資源可以是Promise和con...
今天讀了官方文件 Ref 相關的二篇文章，內容是 Referencing 和透過 Ref 操作 DOM，來透過實作練習看看。 改變影片播放速度的練習 現有程式碼...
這篇文章的主要內容 簡單介紹什麼是 custom Hook。 Custom Hook 目前為止都是切分畫面把畫面上的內容拆成小元件做處理，在 react 裡面...
目前已經完成了後端開發，接著要繼續前端的開發了 我們要用於前端開發的主要工具是React，因為React官方現行已經有很完整清楚的指引(React dev)所以...
大綱 建立Layout頁面 首頁切版 前言 我們昨天開發出了導覽列，但我們接下來的頁面都會需要導覽列，最直覺的做法就是在每個Component裡面放進去He...
LucianoLee
Annie
文科少女
evan_hsu
CarterChu
ss95159
windate3411
yuu
rian1995
Yihsuan
Jasper
iThome鐵人賽
看影片追技術