ref講古 今天來聊聊 useRef 這個比較容易理解的 hook function，這期的內容，多半是我自己使用經驗的總結，也許不是那麼精確，但也多多少少能提...
身為一位軟體工程師應該蠻常會遇到一件事，就是需要靠通靈才能知道這支程式到底在說什麼，如果今天有個靈媒證照，那或許我們都可以去試試看，當作副業創造金流好像也不錯（...
當我聽到一個新名詞，在 dive in 前，第一步我一定會問自己：要怎麼用一句話來解釋這個名詞？所以該怎麼用一句話說明 Next.js 是什麼呢？ 我會說 Ne...
複習useEffect 今天要來聊聊新手時期最痛恨的hook function — useEffect。 useEffect的誕生 首先，讓我們先來了解一下 u...
複習useState 接著前面所講的，我們將幾個常用的hook都再複習一遍，來解構基礎以外你可能沒發現的細節，那麼我們先從最基礎的 useState 來講起。...
開始一個React的開發，請先看看你的專案內 package.json先看看自己是有甚麼功能已經在裡面了。可以檢查一下發現我們的react 是版本18.2.0...
安裝： 今天先從建立最基本的react網站開始吧。安裝Node.js，因為這是驅動react前置的東西可以先啟動一個終端機輸入node -v如果有顯示出版本號，...
概論: 出發點是React.js，必須得說，在這麼多前端框架，會選他是因為，我以為是最多人用，理由很單純。可惜不是台灣最多職位需求的，通常Vue才是熱門。但我個...
React講古 要了解 React 除了基礎的概念，了解他們的發展史也是很重要的一環，整個的發展先後順序就如圖面一樣。從圖面可知，本來的 React 就是透過...
有多少人從create-react-app換去使用vite了呢？在早期的教學影片當中，常常會看到講師使用create-react-app 開啟新的專案，導致後期...
理解架構和渲染模式 要走出新手村必須了解自己的技能都帶有哪些屬性，以速成班內容來說多半採用React基本的框架，那這類的框架是採用 Single Page Ap...
前言 這次內容會針對剛成為 React developer 的新手，提供一些提可以升技能的方向，有多少朋友遇到以下的情況呢？通常在一系列的教學文章或是速成班內容...
大家好，我是 S.C，八月初偶然在 Youtube 上看到一段影片，提到學習分成三層次 - 自己會、能教會他人、能設計教材，看完蠻有感觸的，因為自踏入程式開發的...
今年的 React Conf 除了眾所矚目的 React 19 ，同時以 meta 開發團隊開發的 React Native 也帶來了不少亮點。有關於 Reac...
這次來做上次未做完的"新增"，後續還要做"修改"、"刪除"，並儲存至資料庫 新增"新增按...
資料庫建立資料表，我使用的是MSSQL 使用 Visual Studio 時，請先至 Nuget 下載套件，分別是 Microsoft.Entity...
React JS:用來實作使用者介面的 JavaScript 函式庫 組件(Component):React component 需要實做 render()...
本來想加入Openlayers( https://openlayers.org/ ) (version 7.4.0 )已全面改用JavaScript ES6，還...
初期前後端通常會分別開發，因為開發環境不同，啟動的 port 甚至 url 都不一樣但最後部屬時若沒 Cloud 需求，前後端將會放在同一個容器運行，接下來就看...
TypeScript 顧名思義就是所有的變數都需要先宣告，即使在開發環境能開啟並測試，等要打包時還是無法編譯，雖然還是能強制編譯，不過使用 TypeScript...
前言 Ant Design 除了標準元件外，還出了 Ant Design Pro 跟 ProCompoents 函式庫 Ant Design Pro 雖然功能強...
重點 使用MUI元件庫提供的CssBaseline API即可渲染CSS設定至整個網頁 目錄 前情提要 適用情境 發生原因 解決方法 參考文章 前情提要...
重點 只想要知道解法請跳至解決方法。 前情提要 什麼是MUI?React元件庫，該元件庫涵蓋了大多數的使用情境，我覺得還不錯用。請參考MUI官方網站。 什麼是...
☁️ 開場 開發時常會遇到要渲染一筆陣列資料，而這些資料呈現的方式雷同，使用 Array method 可以幫助我們避免撰寫重複的程式碼。接下來會著重介紹 .f...
在原生 JS我們可以這樣寫 </head> <body> <input type='file' onchange='...
透過這樣的作法可以讓其他元件與元件之間 互相 呼叫 或 操作內部 函式 A 父層 abc(v){ console.log(v)// value1 }...
extends // type type Me = { name: string; age: number } type mom = Me &...
☁️ 背景脈絡 最近在開發 side project，運用到 GSAP 製作網頁動畫，其中 ScrollTrigger 提供好用的 markers key，可以...
☁️ 開場 開發時，畫面往往需要根據情境來呈現，在 React 我們可以運用 JavaScript 去撰寫邏輯，判斷在什麼樣的條件下，要渲染哪個 JSX！ 這篇...
☁️ 開場 這篇筆記主要整理自：官方文件 Passing Props to a Component 🤝 什麼是 Props？ Props 就是你傳給 JSX...
LucianoLee
Dylan
S.C
rian1995
iThome鐵人賽
看影片追技術