IDX: El editor de Google

Por fin nos han dado acceso a IDX y es momento de probarlo y ver si será el editor definitivo para llevar nuestros proyectos, en este artículo veremos sus principales partes y ventajas frente a otras opciones del mercado.

El editor de texto o de código es la herramienta fundamental para programar, el más popular hoy en día es VsCode, del cual hemos hablado continuamente en este blog y el cual es el que he usado durante el 99% mi tiempo desde que aprendí a programar, la otra opción que había tomado era Atom.

Ahora Google viene con esta herramienta que pretendería ser el nuevo editor para programar usando la nube, ¿pero realmente valdrá la pena quedará en el olvido?

Acceso y uso

Como mencionamos, este es un editor que funciona en la nube, por lo que no tendremos que instalar nada, pero para acceder a la prueba, tendremos que registrarnos en el sitio oficial, el cual sería el siguiente: https://idx.dev/

En mi caso tardo como mes y medio para darme acceso a esta fase de prueba, y me enviaron un correo en el cual me otorgaban acceso completo a la prueba.

Una vez que tienes acoso, solo tienes que entrar a la página del editor y verás una pantalla como la siguiente:

Si estás familiarizado con el editor VsCode, verás que la interfaz es prácticamente la misma, por lo que no tendrás ningún problema en saber utilizarlo, pero si aún no sabes cómo utilizarlo te dejaremos aquí: el curso gratuito de VsCode

Ahora, como puedes observar, tenemos diferentes opciones para poder iniciar un proyecto, desde una nueva aplicación web vanilla, hasta usar plantillas de algunos frameworks y librerías, en mi caso he probado la plantilla de React y esto me generó un proyecto en blanco usando Vite.

Al ingresar al proyecto, esta demorará ya que se tiene que encender la máquina que vamos a utilizar:

Pero una vez que termine de cargar, vamos a ver algo como lo siguiente:

Aqui tenemes un editor con todo nuestro sistema de archivos y del otro lado, el servidor de desarrollo funcionando allá a destacar es que no tendremos que guardar cada vez que escribimos algo, al funcionar en la nube, el editor guardara los cambios automáticamente, y lo mejor es que tiene hot reload haciendo que nuestro servidor de desarrollo se actualice en cada cambio que terminamos haciendo

Igualmente, he probado importar un proyecto desde GitHub, en este caso, solo he pegado la URL en IDX y este comenzó a cargar todo mi proyecto:

Y de nuevo aquí podemos ver cómo ha cargado exitosamente este proyecto:

Este fue realizado con Webpack, y pude instalar gracias a la terminal de comandos las dependencias y correr el servidor de desarrollo para poder ver los cambios, esta ha funcionado sin problemas.

Entonces podemos tener nuestros propios entornos, una terminal de comandos y también podemos tener extensiones, que como está basado en el código abierto que usa VsCode entonces también tenemos las extensiones que podemos encontrar en VsCode.

Dispositivos móviles

Algo que es muy conveniente es que tenemos la gran utilidad de abrir este editor en una ventana de navegador en dispositivos móviles, trayendo un editor a estos dispositivos con todo el poder que podemos necesitar para programar.

Lo malo es que cuando entramos a la pantalla que tiene el editor, es decir, a un proyecto, necesitaremos hacer zoom ya que la letra es extremadamente pequeña, pero si tienes un teclado y un mouse Bluetooth, es que puedes manejar con mucha más facilidad todo desde la pantalla y así tener el entorno como lo tendrías en una PC.

Esto no es todo, IDX, es una PWA, lo que significa que podemos descargar esta página como una aplicación, no solamente al dispositivo móvil, sino también en la versión de escritorio, en mi caso yo la he obtenido en mi teléfono para probarla, y ha sido buena, pero donde realmente creo que le pude sacar todo el contenido, es hacer uso de la integración que tienen los dispositivos Samsung para conectar un monitor y usar teléfono como computadora, en este caso habla de Samsung DEX, y si combinas ambas cosas es como si tuviéramos todo a la mano para trabajar.

IA

Esta igualmente incluye una IA como lo es Microsoft copilot o chat GPT, lamentablemente en mi ubicación actual no está habilitada, pero en cuanto la pueda probar la traeremos como actualización a este artículo, así que nos hemos quedado con las ganas para esta parte.

Si no sabes de todo el alcance que tienen estas herramientas, te dejaré otro artículo donde hablamos sobre esta: ¿Vale la pena pagar por Github Copilot para VsCode? + GitHub Copilot X + GitHub Copilot CLI?

Desventajas

Ahora hablemos de lo malo por el momento, he tratado de usar este editor para poder probar rápidamente algunos scripts en Python, lamentablemente me he encontrado de que en la que espero porque cargue la máquina ya ha pasado mucho tiempo, tarda aproximadamente entre 1 y 2 minutos para entrar, y aunque podríamos decir que a causa de la velocidad de Internet, por el momento me encuentro conectado por fibra óptica con una muy buena velocidad.

Además para usar la ayuda del editor como por ejemplo, ver los métodos y propiedades de un objeto:

En estos casos, para cuando el proyecto está recién abierto tarda mucho en mostrar las opciones, cosa que no pasa con un editor instalado en el local.

Lo último que nos limita por el momento es que no podemos tener más de 2 proyectos durante la prueba.

Conclusiones

Creo que es muy útil para sacarte de un apuro sin tener que configurar un nuevo entorno, otra gran ventaja es poder utilizar este editor donde sea, creo que puede ser una gran herramienta, ya que tenemos todo lo que tiene ya VsCode pero usando el poder de la nube.

Pero si quieres que el entorno cargue rápido o para probar algo muy rápidamente es que no podría recomendarlo, aun así seguiré probándolo a ver qué actualizaciones incluyen, sobre todo las plantillas y otras integraciones que puedan tener para poder ahorrar tiempo de trabajo.

¿Y tú ya lo has probado? ¿Crees que puede llegar a ser mejor que VsCode o que desaparecerá como muchos otros editores?, recuerda que puedes pedir acceso en este enlace

---

Para cerrar, te dejaremos nuevamente el curso gratuito de VsCode, además, que en el canal de Youtube y en este blog , donde puedes encontrar extensiones y atajos para mejorar en el uso que le das al escribir código.

Te dejaremos el enlace a todos nuestros cursos de programación, los cuales los encontrarás disponibles en la academia Hola Mundo y puedes optar por adquirir los cursos de manera individual en el siguiente link: todos los cursos de Hola Mundo, si prefieres acceso a todo, también puedes elegir un plan de suscripción mensual o anual, y además te invitamos al siguiente enlace donde vas a poder obtener un descuento en tu primer año a sólo $49.90 usando el cupón PRIMERA_VEZ al momento de realizar tu pago

O igualmente puedes optar por cada curso de manera individual en Udemy.

Y esto ha sido todo de este post, si te ha encantado, ¡golpea al botón de me gusta!, dejanos un comentario, y para no perderte nada, no olvides suscribirte a este blog, seguirnos en todas las redes como Youtube, Twitter, Instagram y Tiktok, y por último, te invitamos a escuchar nuestra música «Hola Beats«, diseñada para ayudarte a concentrarte y acompañarte en tu aprendizaje o trabajo, la puedes encontrar en Spotify, Apple Music, Amazon Music, Youtube Music y Deezer.

¡Hasta la próxima!, y chao mundo