Configurar Svelte con React y TypeScript
Contenido del curso
Webpack
Parcel
ESBuild
Rollup
Vite
Conclusiones
Configurar Svelte con React y TypeScript
Configurar Svelte con React y TypeScript
Contenido del curso
Bryan Figueroa
Laura Roa
Rubén Ernesto Aragón Gil
Remix Zapata
Diego Reyes Cabrera
Kamilo Stevan Alomías Correa
Manuel Antonio Vargas Pérez
Kenneth Angulo L
Jorge Arias Argüelles
tranquilos muchachos, vengo a facilitarles la vida xD
npm install react react-dom @types/react types/react-d om typescript
Te falto un @ jejej quedaria asi:
npm install react react-dom @types/react @types/react-dom typescript
Gracias, brous
Iniciemos esta aventura con ESBuild y React (con TypeScript)
npm install esbuild -D
npm install react react-dom @types/react @types/react-dom typescript
npx tsc --init --rootDir src --jsx react
¡Como anillo al dedo! Acabo de aprender TypeScript y uso React
No me queda claro si es src --jsx.react o src jsx react porque el logo de Platzi lo tapa un poco
Quiero saber si hay un erro con el titulo al mencionar Svelte por esbuild. gracias
¿Qué pasa si omito los types aquí?
Si omites la instalación de los paquetes de tipos (como @types/react y @types/react-dom), TypeScript perderá su superpoder principal: la capacidad de predecir errores y autocompletar tu código.
React está escrito originalmente en JavaScript, el cual no tiene un sistema de tipado estricto. Los paquetes @types actúan como un "diccionario" o puente que le explica a TypeScript exactamente qué propiedades acepta un componente de React, qué eventos existen (como onClick o onChange) y qué tipo de datos devuelven los hooks. Si no los instalas, tu editor de código se llenará de advertencias rojas indicando que no reconoce los módulos, y tendrás que declarar todo como tipo any, lo cual anula por completo el propósito de usar TypeScript. Instalar estos tipos garantiza que tu entorno de desarrollo te guíe en tiempo real, evitando que pases propiedades incorrectas a tus componentes antes de siquiera ejecutar la aplicación.
Para crear la configuración de desarrollo para ESBuild, podemos utilizar el archivo esbuild.config.js. Este archivo se utiliza para definir las opciones de configuración necesarias para preparar y optimizar un proyecto, incluyendo la entrada y salida de archivos, así como otras configuraciones específicas que pueden mejorar el rendimiento de la aplicación.