https://github.com/edixonalberto/model-viewer-types

Una librería de definiciones de tipos para la librería @google/model-viewer
https://github.com/edixonalberto/model-viewer-types

model-viewer types typescript

Last synced: 10 months ago
JSON representation

Una librería de definiciones de tipos para la librería @google/model-viewer

• Host: GitHub
• URL: https://github.com/edixonalberto/model-viewer-types
• Owner: EdixonAlberto
• License: mit
• Created: 2024-08-18T20:33:31.000Z (almost 2 years ago)
• Default Branch: main
• Last Pushed: 2024-08-19T21:35:21.000Z (almost 2 years ago)
• Last Synced: 2025-02-02T01:22:23.585Z (over 1 year ago)
• Topics: model-viewer, types, typescript
• Homepage: https://www.npmjs.com/package/model-viewer-types
• Size: 72.3 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          
# Model Viewer Types

[![](https://img.shields.io/npm/v/model-viewer-types?color=CB0000&style=for-the-badge)](https://npmjs.com/package/model-viewer-types)

[![](https://img.shields.io/npm/dt/model-viewer-types?color=CB0000&style=for-the-badge)](https://npmjs.com/package/model-viewer-types)

[![](https://img.shields.io/badge/types-TypeScript-blue?style=for-the-badge)](https://github.com/microsoft/TypeScript)

[![](https://img.shields.io/github/license/edixonalberto/model-viewer-types?style=for-the-badge)](LICENSE)

Una librería de definiciones de tipos para la librería

[@google/model-viewer](https://www.npmjs.com/package/@google/model-viewer), diseñada para proporcionar soporte de tipos

y autocompletado en entornos de desarrollo TypeScript. Esta librería facilita la integración de model-viewer en

proyectos, mejorando la experiencia de desarrollo y reduciendo errores.

## Instalación

```sh

# Instalar la dependencia de par ThreeJS

npm install three

# Instalar el paquete Model Viewer

npm install @google/model-viewer

# Instalar el paquete para las definiciones de tipos

npm install model-viewer-types

```

😎 copia y pega rapido:

```sh

npm install three @google/model-viewer model-viewer-types

```

## Uso

Ejemplo en un proyecto usando react y typescript:

```tsx

// src/main.tsx

import { StrictMode, useRef } from 'react'

import { createRoot } from 'react-dom/client'

import '@google/model-viewer' // Importar la librería de model-viewer

import 'model-viewer-types' // Importar la librería de tipos para model-viewer

function App() {

  const viewer = useRef(null)

  return (

    

  )

}

createRoot(document.getElementById('root')!).render(

  

    

  

)

```

## Resultado

Con esto logramos el siguiente autocompletado en editores de código como vsCode:

![preview](https://github.com/EdixonAlberto/model-viewer-types/blob/main/preview.png?raw=true)

## Licencia

[MIT](LICENSE) © Edixon Piña