Usando ReactJS con ViteJS

By shadowmyst on 3/28/2023

image.png

He estado trabajando con React últimamente, una Librería de Javascript para poder crear interfaces de usuario, de las mas populares y desarrollada por "Meta" la compañía detrás de Facebook. Sin embargo, pronto van a actualizar su documentación y entre ello se menciona que ya no enfocaran a que se pueda crear una aplicación netamente con React, sino que su enfoque sera que sea utilizado con otros frameworks Javascript populares como lo son NextJS, Gastby.

Algo muy bueno para los desarrolladores que se enfocan en Javascript, pero algo que no me beneficia mucho, ya que mi BackEnd actualmente es ajeno a Javascript, poque ando trabajando con Ruby on Rails. Por suerte para mi tengo otras opciones para poder ir trabajando con react puro y eso es gracias a ViteJS.

¿Qué es ViteJS?

En palabras de su misma documentación[^1]:

"ViteJS es una herramienta de compilación que tiene como objetivo proporcionar una herramienta de desarrollo mas rapida y agil para proyectos web modernos"

En palabras mas simples es como "webpack" (otro empaquetador y de los mas populares), pero más eficiente y rápido al momento de hacer las compilaciones

Aunque Vite es extendible para cualquier proyecto Javascript y solo es cuestión de andar leyendo su documentación, este ya cuenta con ajustes preestablecidos entre los que se encuentra React que es justamente lo que busco.

Asi que solo basta con que ponga los siguientes comandos en la terminal los cuales serian.

npm create vite@latest

El cual al ejecutar me hará una serie de preguntas, entre los cuales están el nombre que recibirá el proyecto y el framework que pienso usar, ademas de si lo pienso usar con Javascript o Typescript con SWC o sin el, pero de esto último no pienso entrar en detalles para este post.

image.png

image.png

Una vez terminado es tan simple como entrar a la carpeta del proyecto que nos creo usar npm install y empezar a trabajar con el sin tanto problema.

Y de hecho es lo que he estado empezando a hacer para seguir practicando mis conocimientos de React ademas de ir modificando mis webs personales sin tener problemas de usar Rails para el Backend y React para el FrontEnd.

La documentación de Vite es muy amplia y tiene muchas configuraciones, por ahi he visto en videos y en varios blogs que Vite puede terminar siendo lo que termine sustituyendo a webpack, sea verdad o mentira esto, si es bueno que podamos echarle un ojo, pues nunca esta de mas intentar aprender algo nuevo.


Cambiando de tema un poco he estado pensando en hacer "live coding" en Vimm desde la cuenta de @developspanish, me gustaría saber si les gustaria esta idea les gustaria. Claro yo igual no soy un programador tan experimentado pero en conjunto todos podemos aprender algo nuevo, asi que me gustaria saber sus comentarios de esta propuesta.


[^1]: Documentación de ViteJS