Escriu per cercar…

TSX

TSX és una extensió sintàctica per Typescript que et permet escriure codi que s'assembla a HTML dins d'un fitxer Typescript

WebCodi
S'ensenya a
Llenguatges de marques i sistemes de gestió d’informacióDocuments dinàmicsDAMDAWDAW-BIO

Introducció

TSX s’assembla molt a l’HTML, però és més estricte i pot mostrar informació dinàmica.

Et permet tenir en el mateix lloc el contingut i la lògica de renderització.

Entorn de treball

Instal·la Deno.

Crea un projecte amb el nom tsx, especificant directament el nom del projecte i la plantilla que vols utilitzar:

shell
deno init --npm vite --template react-swc-ts react-tsx

Instal·la les dependències:

shell

cd tsx
deno install --allow-scripts

Instal·la tailwindcss i @tailwindcss/vite

shell
deno install --dev --allow-scripts npm:tailwindcss npm:@tailwindcss/vite

Afegeix el complement @tailwindcss/vite a la teva configuració de Vite.

ts
vite.config.ts
import { defineConfig } from 'vite'
import react from '@vitejs/plugin-react-swc'
import tailwindcss from '@tailwindcss/vite'

// https://vite.dev/config/
export default defineConfig({
  plugins: [react(),tailwindcss()],
})

Estàs llegint una vista prèvia.

Inicia sessió amb Google per llegir la pàgina completa.

Inicia sessió amb Google

Amb qualsevol compte de Google. Només et demanarem que acceptis les condicions del servei.