Категории

React教學 - 使用 Typescript Discriminated Unions 打造彈性化的 Component (react typescript)

Опубликовано: 31 Март 2026
на канале: Wei Wei 前端教學
467
16

今天要介紹如何使用 typescript 的 discriminated unions 來建立彈性化的 component。

Github：https://github.com/WeiYun0912

個人網站筆記：https://wei-docusaurus-vercel.vercel....

筆記：https://wei-docusaurus-vercel.vercel....

TypeScript + Zod 基礎教學 (react typescript)：   • React教學 - TypeScript + Zod  基礎教學 (react ty...  

參考資料：udemy 課程 React & TypeScript - The Practical Guide Academind by Maximilian Schwarzmüller, Maximilian Schwarzmüller

(暫時不接外包)

---------------------------------------
社交媒體：
IG：  / weiwei225  

#react #typescript

play_arrow
8
0

00:00:00

Запись стрима Yakuza:Like a dragon #1 на PS4 от Ar1stokraB

Запись стрима Yakuza:Like a dragon #1 на PS4 от Ar1stokraB
play_arrow
118
3

TRAILER DATOS PEDAGOGICOS

TRAILER DATOS PEDAGOGICOS
play_arrow
791
24

「AMV」Discord - My Hero Academia | Nightcore

「AMV」Discord - My Hero Academia | Nightcore
play_arrow
469
7

אחריות תיקונים בדירה שכורה - מי אחראי לתיקון ליקויים בדירה מושכרת? | צחי קלמנוביץ' - משרד עורכי דין

אחריות תיקונים בדירה שכורה - מי אחראי לתיקון ליקויים בדירה מושכרת? | צחי קלמנוביץ' - משרד עורכי דין
play_arrow
139
7

طريقة حماية الفلاشة والقرص الصلب وفك الحماية

طريقة حماية الفلاشة والقرص الصلب وفك الحماية
play_arrow
36,216
101

Van Halen - Runnin' With the Devil - Drumless

Van Halen - Runnin' With the Devil - Drumless
play_arrow
2,877
58

Crossout - Cricket 1M Unguided rocket - Nothing Much Left Really!

Crossout - Cricket 1M Unguided rocket - Nothing Much Left Really!
play_arrow
61,862
1.3 тыс

Slaanesh VS Empire and Dwarfs - Total War: Warhammer 3 Cinematic Battle

Slaanesh VS Empire and Dwarfs - Total War: Warhammer 3 Cinematic Battle
Похожие видео
play_arrow
美化你的 Windows Terminal (oh-my-posh, history autocomplete, terminal icons)

美化你的 Windows Terminal (oh-my-posh, history autocomplete, terminal icons)
play_arrow
Vue 3 教學 - Vue Router 基礎入門 (vue3,vue-router)

Vue 3 教學 - Vue Router 基礎入門 (vue3,vue-router)
play_arrow
檢查 Git Staged 的檔案是否符合 ESLint 規範 (git hook, husky, lint-staged, eslint)

檢查 Git Staged 的檔案是否符合 ESLint 規範 (git hook, husky, lint-staged, eslint)
play_arrow
Vue 3 教學 - 使用 ESLint 提高 Debug 效率 (Vue3, ESLint)

Vue 3 教學 - 使用 ESLint 提高 Debug 效率 (Vue3, ESLint)
play_arrow
Vue 3 教學 - 使用 Vue3 Composition Api 實作 Todo List (Vue3)

Vue 3 教學 - 使用 Vue3 Composition Api 實作 Todo List (Vue3)
play_arrow
React 教學 - React Query v5 (useQuery、useMutation、staleTime、gcTime、signal)

React 教學 - React Query v5 (useQuery、useMutation、staleTime、gcTime、signal)
play_arrow
使用 Gimli Tailwind 快速修改元素樣式 (Tailwind CSS, Chrome Extension)

使用 Gimli Tailwind 快速修改元素樣式 (Tailwind CSS, Chrome Extension)
play_arrow
React教學 - 如何定義 context type (react typescript)

React教學 - 如何定義 context type (react typescript)
play_arrow
給不想手動寫 console 的你 - Turbo Console Log (VS Code Extensions)

給不想手動寫 console 的你 - Turbo Console Log (VS Code Extensions)
play_arrow
React教學 - TypeScript Wrapper Component (react typescript, type helper)

React教學 - TypeScript Wrapper Component (react typescript, type helper)
play_arrow
React教學 - 使用 Typescript Discriminated Unions 打造彈性化的 Component (react typescript)

React教學 - 使用 Typescript Discriminated Unions 打造彈性化的 Component (react typescript)
play_arrow
React教學 - TypeScript + Zod 基礎教學 (react typescript)

React教學 - TypeScript + Zod 基礎教學 (react typescript)