Type to search…

TSX

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

react-tsx-8cc692.gitlab.iotypescript/react-tsx
This page hasn't been translated yet — shown in its original language:Català

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

You're reading a preview.

Sign in with Google to read the full page. A Google account includes 5 free pages in total; students and teachers read their course pages without limit.

Sign in