哈囉大家好！歡迎來到我們 React 學習之旅的第九天。今天我們要來聊聊一個實用但常常被忽略的功能：錯誤邊界（Error Boundaries）。 什麼是錯誤邊...
歡迎來到我們React學習之旅的第八天！今天，我們來認識一下React的Context API。這是一個強大的特性，允許我們在不同層級的組件之間共享資料,而無需...
本系列文章 GitHub 相信開發者們對 Todo List 肯定都不陌生，因此這次的範例選擇使用 Todo List 來當作我們練習 TypeScript 的...
動畫管理員使用指南 簡介 在現代網頁開發中，動態效果為用戶界面增添了生動的互動性。本篇文章將介紹一個功能簡單的動畫管理員，它能夠簡化 Canvas 動畫的管理和...
之前使用過的版本是舊版的，當時並沒有 tsconfig.app.json 和 tsconfig.node.json 這兩個配置檔案。後來我在 Stack Ove...
為什麼需要使用 React Hook Form？ 在沒有使用的表單管理套件的情況下，需要定義許多狀態來處理表單邏輯和各種錯誤狀況。而使用像 React Hook...
歡迎來到我們React學習之旅的第七天！今天，我們來認識React的一個強大特性：自定義Hooks。這個工具能夠幫助我們提取組件邏輯到可重用的函數中，大大提高了...
目前的登入頁面是跳轉到 Keycloak 預設的登入頁，所以會出現樣式跟 NextJs App 不一致的情形，keycloak 本身是有自訂樣式的功能，但與 R...
歡迎來到我們第六天的React學習！今天,我們來聊聊一個重要的React概念：狀態提升(Lifting State Up)。這個概念可能聽起來有點抽象，我們來用...
其他 TypeScript 語法技巧 以下是我有時會忘記，但實際上簡單且實用的小技巧。 Function Overloads 可以重複定義相同的函數，根據不同的...
前幾篇文章中，我們探討了一些 TypeScript 的基本用法。從這一篇開始，我們將探索如何在 React 中使用 TypeScript。 首先，打開終端機，建...
前言 此篇接續上篇：A6 React 和 Vue 實作表格元件：排序、搜尋與分頁功能詳解 靜態資料 columns const columns = [...
用途 在前端開發中，表格元件（Table）通常是用來展示大量資料的最佳方式。特別是當資料需要被排序、搜尋或分頁顯示時，構建一個高效且可擴展的表格元件變得尤為重要...
歡迎來到我們React學習之旅的第五天！今天,我們來聊聊React的一個核心特性: Hooks。 什麼是useEffect? useEffect是React提供...
在前面的章節中，我們介紹了如何直接指定類型，這種方式在實務中非常常見。但是，當我們有多個相似功能的函式或物件時，重複定義類型並不是最理想的解決方案。 或許你會想...
歡迎來到我們React學習之旅的第四天。今天，我們將使用Vite重新建立我們的專案。 為什麼選擇Vite? 在之前的文章中,我們使用了Create React...
前面幾日，我們認識再React中常用的JS語法內容後，接下來準備來學習React，再開始之前，要先來學習如何建立環境！ React 環境建置: 使用 crea...
鯨魚
‧
2024-09-18
取得 HTML 元素的 props 在建立共用元件時，有時候會需要繼承到 HTML 元素的 props，這時候就需要針對原本的 props 做修改或擴充。但一個...
什麼是 Discriminated Unions 先看範例: type Shape = | { kind: "circle"; radi...
type 合併用法 首先，我們以餐廳與顧客為例，定義一個簡單的例子： type Restaurant = { menu: string[] addres...
大家好！歡迎來到React學習之旅的第三天。今天，我們將建立我們的React專案，並使用shadcn/ui來構建一個簡單美觀的UI界面。 建立專案 首先,讓我們...
React Native 的架構演進 在 React Native 的早期版本中，資料在JavaScript和原生層之間的通訊是透過Bridge來進行。但由於需...
在昨天只有介紹了 extends，還有其他好用的關鍵字。 typeof typeof 關鍵字可以用來取得一個變數或表達式的型別。 const user = {...
Custom Types 根據上一篇的程式碼，雖然我們達成了指定函式型別的目的，但你會發現它在閱讀性上並不是很好： function calculate(a:...
昨天我們談到了為什麼要學習React,今天我們就開始動手學習，作為一個有Vue開發經驗的開發者，我們會特別注意React和Vue的異同。 開發環境設置 首先,讓...
什麼是 React Native？ RN是由Meta推出的一個開源框架，讓開發者可以透過React來構建跨平台的移動應用程式。來達到一次編寫，處處運行的需求。利...
為什麼要錄影 在互動性高的應用程式中，讓使用者可以自由紀錄畫面，是必備的元素之一。這不僅提供了用戶便捷的錄影功能，也讓開發者可以輕鬆製作展示影片。無論是創建教學...
前幾天，我們從Playground的佈局下手，已經保證一個自適應的窗口來容納canvas，並獲得游標的位置，現在，讓我們延續昨天的基礎，設計更靈活的菜單收納方法...
在上一篇文章中，我們實作了一個簡單的用戶資料管理系統，並展示了如何結合 Rust 與 React 進行全端開發。然而，對於一個完整的應用來說，通常需要有登入頁面...
在前一篇文章當中我們展示了如何使用 Rust 當中的 Rocket 以及 mongoDB 套件，建立了一個簡單的使用者資料管理方面的 RESTful API，但...
Moscle.dev
Jamie
jerrythepotato
Jaren
Jasper
Felix阿甫
Maso的萬事屋
iThome鐵人賽
看影片追技術