Hacktoberfest 2026: los issues que los mantenedores marcaron para octubre, abiertos y aptos para principiantes. Explorar issues de Hacktoberfest

Fragments.

Abierto
  • ¿Algo no está bien?
#5 0 comentarios 0 reacciones 0 asignados Ver en GitHub

Nadie ha tomado este issue todavía.

Evaluación

Dificultad
5/5
Tiempo estimado
Más de una semana
Aptitud para principiantes
10/100
Tipo de issue
Documentación
Claridad
Necesita aclaración
Estado de actividad
Estancado
Stack tecnológico
typescript
Área
documentation

Línea de trabajo

El issue contiene un fragmento de HTML pegado y una tabla orientada a TypeScript, pero no indica ningún archivo del repositorio, prueba ni cambio solicitado. Primero aclara si este contenido está destinado a la documentación y dónde debe ubicarse; no se puede verificar la finalización hasta que se definan el formato y el alcance esperados.

Escrito por el modelo de indexación a partir del texto del issue.

Descripción

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 等屬性，無特殊副檔名。
Lenguaje dominante
TypeScript
Estrellas
0
Forks
0
Sin PR fusionados en 30 d

Preparar el entorno

Este proyecto no incluye contenedor de desarrollo, Dockerfile ni guía de contribución, así que la configuración corre por tu cuenta: empieza por su README y consulta nuestra guía para la primera contribución para los pasos generales.

Primeros pasos

  1. Lee el issue completo y luego la guía de contribución del proyecto.
  2. Comenta en el issue que vas a ocuparte — evita que dos personas hagan lo mismo.
  3. Haz un fork del repositorio y trabaja en una rama.
  4. Abre un pull request que haga referencia al número del issue.

Más de ewdlop/Components

Todos los issues de ewdlop/Components

Issues similares

Más issues de TypeScript

Recibe los nuevos issues en tu correo

Un resumen breve de issues de GitHub para principiantes.