TSX

#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:

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

Instal·la les dependències:

cd tsx
deno install --allow-scripts

Instal·la tailwindcss i @tailwindcss/vite

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

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

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()],
})