Hacktoberfest 2026: le issue che i maintainer hanno segnato per ottobre, aperte e adatte ai principianti. Sfoglia le issue Hacktoberfest

Fragments.

Aperta
  • Qualcosa non va?
#5 0 commenti 0 reazioni 0 assegnatari Vedi su GitHub

Nessuno ha ancora preso questa issue.

Valutazione

Difficoltà
5/5
Tempo stimato
Più di una settimana
Idoneità per principianti
10/100
Tipo di issue
Documentazione
Chiarezza
Da chiarire
Stato di attività
Ferma
Stack tecnologico
typescript
Ambito
documentation

Direzione di ricerca

La issue contiene un frammento HTML incollato e una tabella orientata a TypeScript, ma non indica alcun file del repository, test o modifica richiesta. Chiarisci innanzitutto se questo contenuto è destinato alla documentazione e dove debba essere inserito; il completamento non può essere verificato finché non vengono definiti il formato e l'ambito previsti.

Scritto dal modello di indicizzazione a partire dal testo della issue.

Descrizione

ChatGPT:

以下是前端框架常見的檔案副檔名與對應用途整理表，包含你提到的 React (.tsx)、Vue (.vue)、Angular (.ts)，以及 Svelte、Ember 等等：

📘 補充說明：

  • React / Solid / Qwik / Stencil → 常見於 .tsx (TypeScript + JSX 語法)。

  • Svelte / Vue → 採 單檔組件 (SFC) 概念。

  • Ember → 使用 Handlebars (.hbs) 作為模板語言。

  • Angular → 採用 TypeScript，模板與樣式分離設計。

若你是要統一處理這些框架的 UI 組件（例如用 TypeScript 的「聯合型別」統一描述），我可以幫你設計一個 UIFrameworkComponent type union，例如：

type UIFrameworkComponent =
  | { framework: 'react'; file: `${string}.tsx` }
  | { framework: 'vue'; file: `${string}.vue` }
  | { framework: 'angular'; file: `${string}.ts` }
  | { framework: 'svelte'; file: `${string}.svelte` }
  | { framework: 'ember'; file: `${string}.hbs` | `${string}.ts` };

要我幫你延伸這個 union type，支援自動掃描或解析不同框架的 component metadata 嗎？

F
前端框架 常見副檔名 用途說明
React .tsx / .jsx TypeScript / JavaScript 的 JSX 組件文件。.tsx 支援型別檢查。
Vue.js .vue 單檔組件 (Single File Component)，整合 、<script>、<style>。
Angular .ts, .html, .scss TypeScript 組件、HTML 模板與樣式分離。主要邏輯為 .ts。
Svelte .svelte 單檔組件格式，整合模板、邏輯與樣式，會被編譯成高效 JavaScript。
Ember.js .hbs / .ts / .js .hbs 是 Handlebars 模板（View），.ts 或 .js 是組件與路由邏輯。
SolidJS .tsx / .jsx 與 React 類似的語法，但使用 fine-grained reactivity。
Qwik .tsx 使用部分 hydration 的前端框架，語法與 React 類似。
Lit / Web Components .ts / .js 使用原生 Web Component API，模板多以 html 標籤模板字串形式存在。
Stencil.js .tsx 建立 Web Components 的編譯式框架，使用 TSX 語法。
Alpine.js .html 直接在 HTML 上使用 x-data、x-bind 等屬性，無特殊副檔名。
Lingua principale
TypeScript
Stelle
0
Fork
0
Nessuna PR unita negli ultimi 30g

Preparare l'ambiente

Questo progetto non fornisce container di sviluppo, Dockerfile né guida per i contributori, quindi l'ambiente è a tuo carico: parti dal suo README e consulta la nostra guida al primo contributo per i passaggi generali.

Come iniziare

  1. Leggi tutta la issue e poi la guida ai contributi del progetto.
  2. Commenta sulla issue per dire che te ne occupi tu — evita che due persone facciano lo stesso lavoro.
  3. Fai un fork del repository e lavora su un branch.
  4. Apri una pull request che faccia riferimento al numero della issue.

Altre issue di ewdlop/Components

Tutte le issue di ewdlop/Components

Issue simili

Altre issue su TypeScript

Ricevi le nuove issue nella tua casella

Un breve riepilogo di issue GitHub adatte ai principianti.