¡Nueva versión de VSCODE con una importante nueva opción para desarrolladores de React!

[@midudev]

¿Te gusta el formato de los vídeos cortos? ¡Si veo que triunfa me animaré a hacer más! 🤗

[@msm302]

Eee si me gustan aunque debería odiarlos ya que envician al scroll como en tic toc :(

[@msm302]

Pdta: gracias midu por este dato 💪

[@jonathanromero3034]

Miduv podrias hacer un video de como activar la neon dreams y flourmachine para linux ubunto 22.o3lts, dejo mi like fiel seguidor. gracias.

[@randycaballero651]

Yes

[@YesicaRominaLato]

Sos un maestro en videos largos, medianos y cortos Miguel! A tí todo te sale de maravillas!🤩

[@yangenmanuel2659]

Esto es super importante! Mientras más extensiones, mas lento carga el editor. Hay una herramienta para desarrolladores built in en vscode para hacer un benchamrk de las extensiones. Gracias por mantenernos al tanto midu!

[@midudev]

Un placer! Gracias a ti por comentar!!

[@computeraidedyami]

Comprate una computadora nueva

[@yangenmanuel2659]

@@computeraidedyami en lo personal mi vscode va bien, pero hice una limpieza de extensiones pesadas que ya no usaba y se nota mucho al iniciar el vscode. Tengo una laptop gamer gama media - alta

[@jesusguerrero9515]

Cuál es esa herramienta?

[@yangenmanuel2659]

@@jesusguerrero9515 en el vsCode le das al ctrl + shift + P y buscas Developer:Show running extensions y verás el tiempo que tarda cada una en cargar. De ahí puedes saber cuál desactivar mientras no la estés usando y mejorarás la experiencia en tu editor

[@jeanchirinos]

Según lo he probado hasta ahora aún considero necesaria la extensión mencionanda debido a que al probarla me econtré con esto: - Si se tiene atributos como un className, cuando se borra completamente el nombre de la etiqueta para poder escribir una nueva, la etiqua de cierre no se sincroniza. - Cuando no se escribe algo que no sea una letra o conjunto de letras como un número o símbolos por error, y lo intentas corregir ya no se reemplaza automáticamente por lo cual se tendría que manualmente corregir la etiqueta de cierre.

[@srBaca]

y si, no funciona bien cuando tiene atributos :s

[@hijuliansosa]

Justamente acabo de encontrar eso.

[@BLONDLOVELYMERMAID]

@@hijuliansosa se te presentaron esos errores?

[@lakardion]

Si borran el tag completo (y se quedan con fragment) cuando arrancan a escribir de nuevo, les funciona? A mi no me replica lo que escribo en el tag de cierre

[@albertocarloscarbonellmarc6976]

@midudev no funciona cuando hay atributos.

[@sebastiancerutti3944]

Dios era hora!! Muchas gracias por traer el adelanto ( mas tarde voy a leer las notas de actualizacion y ver que mas trae jaja) abrazo grande

[@midudev]

Trae más cosas interesantes pero esta es top!!!

[@CavalloGuido]

Esta buena la nueva feature! Yo antes nunca usé una extension para esto, porque de forma nativa puedes usar F2 (Rename) en cualquier etiqueta y al renombrarla cambia la etiqueta de cierre. Con esta nueva funcionalidad "linked editing" te ahorras el apretar el F2.

[@cerm88]

Excelente, desinstalada en todos mis perfiles de VSCode! Deberías hacer un vídeo de como gestionar perfiles y configuraciones globales en VSCode

[@pablolancho6278]

Brutal!!! mil gracias por este truquito! la verdad que me va a ahorrar bastante tiempo a la larga!

[@midudev]

Excelente! A mi también!!!

[@barbaralzb8311]

Te queremos Midu ! Gracias por tanto 🫶

[@julianfinelli2946]

Muchas graciasss!, la comodidad a la hora de escribir código que me generará esto es increíble

Midu! Gracias por estos tips. Aquí aprendiendo cosas de React siempre contigo crack. Saludos!

[@midudev]

🙌 gracias Matías!

[@techotaku1]

me encanta que siempre estas ala vanguardia de lo ultimo que sale y las actualizaciones

[@YesicaRominaLato]

Gracias Midu, contigo nada se nos pasa por alto!

[@midudev]

Gracias a ti!! Esa es la idea!!

[@axolote9856]

Te ganaste la suscripción corta y al pie!!!!! Muchas gracias por el aporte y me sirve un montón ya que soy re novato. Saludos desde argentina

[@MaxAlonso]

Genial! rápido y directo al punto. Gracias

[@midudev]

¡Gracias! Eso he intentado, ir directo al grano! :)

[@vruno182]

Grande miduuuu no hay vídeo que no vea tuyo que no me sirva! sos crack

[@midudev]

Gracias!! 🤗

[@vruno182]

@@midudev recién noto que use 3 negaciones para decirte algo positivo jajaja

[@genaroibc]

Que bueno que vayan agregando al editor las features que la comunidad parchea con extensiones. ❤

[@raulbolanos4920]

Genial, estuve esperando ésto, es muy práctico.

[@midudev]

Yo también!!!

[@carloswarnerquezadadelacru6462]

Gracias por eso, estaba teniendo problemas mientras trabajo.

[@midudev]

A disfrutarlo!!!

[@koltuz]

muchas gracias por el video, yo no sabia siquiera lo de la extension xD

[@CristhopherQPena]

Grande Midu, gracias por el dato, ya lo actualicé!

[@midudev]

Genial!

[@inlinex]

muy bien esa info super buenos para los desarrolladores para exprimir al maximo la herramientas, gracias midudev

[@alonsomorante990]

Mira que tuve un problema justo con esto por tailwind que me tiene toda la pantalla llena de utilities y se me hacia un lio encontrar las etiquetas de cierre! Gracias Midu, me vino perfecto!

[@midudev]

Exacto! Así ayudará un montón!!!

[@santiagotomascaci6786]

Te recomiendo la extensión "Inline fold"

[@feedecs]

por fin ya era hora !!

[@midudev]

Siiiiii

[@JaneKateKiu]

Jo! Qué bueno! A mi la extensión me cambiaba a veces cosas que no debía. Muchas gracias🎉

[@midudev]

Excelente!

[@ign_ite]

La tengo activada hace un tiempo y funciona bien pero no con tags de 1 solo caracter (a, p), se vuelve loco 🥲 Gracias Midu por compartir!

[@midudev]

La compatibilidad de JSX es de hoy! A mi no me da problemas con tags de una letra. Igual alguna extensión en conflicto?

[@BastianAlexanders]

Excelente mejora que agregaron, gracias por la información 👍🏻

[@ma.fernanda.]

Buenísimo, estaba esperando esta actualización. Gracias Midu por mantenernos actualizados.

[@Neil_Jordan]

Estas guapisimo Midu 😍

[@midudev]

😊😊😊

[@lopezvargasfernando2277]

Por más videos así 💪🙆

[@lucacaparelli1750]

Justamente hoy mientas programaba pensaba “Que raro que VS no tenga esta característica de forma nativa” y ahora veo tu video…😱😅😂

[@manuperez2281]

Esta feature está disponible desde bace muchas versiones en Webstorm. Sería genial que también hagas cositas en Webstorm, miduuu. Saludos y abrazoo fuerte, tu contenido es lo mejooor 😎😎🙏

[@midudev]

Y también existía el Notepad para escribir líneas de código. jajaja Pero esta noticia va para quien use Code. :P

[@MTG-BuenosAires]

muy bueno ! gracias por la data .

[@midudev]

Gracias por comentar

[@almauroco]

Espectacular, gracias por la información.

[@midudev]

¡Un placer! Espero que te sirva 🤗

[@RichardRebeco]

Tremendo aporte

[@f0j1]

Gracias por mostrar!

[@eanappi]

Capo total MIDU

[@aliampichelmilan3345]

Está genial que lo hayan integrado nativamente, 💪

[@SonGoku-pc7jl]

genial información ;) gracias :)

[@vixoplank9941]

Muchas gracias miduu!!

[@midudev]

Un placer!!

[@dariorodrigotorrejon4004]

Genioooo gracias jeje me sirve muchísimo 😊

[@midudev]

👍👍👍

[@thomas6661]

TE AMO MIDU GRACIAS

[@midudev]

❤️❤️❤️❤️

[@nemines001]

Saludos de casualidad aveces hubo un tiempo que cambiaban en automático y luego dejo funcionar ya lo configure gracias

[@nelsonfuentes8091]

Gracias por el tip, podrias hacer un resumen de todos.

[@AlexRequeno]

Probé con astro y funciona bien, la necesitaba 👍

[@BlueSouls]

Gracias midu un grande 🤠

[@JulioYacot]

Cabe destacar que no solamente funciona en JSX y Html, funciona perfectamente con Angular

[@sargon4307]

gracias al cielo! el front end me tiene harto lo tedioso que era por estas cosas, pero asi mejor

[@FrankGP.Systems]

ahora si vale la pena actualizar vscode

[@midudev]

👍👍👍

[@lakardion]

Intenté usarla pero no me funcionó. Funciona si quiero editar una etiqueta pero si borro la etiqueta (y queda con un fragment) luego cuando empiezas a escribir no hace el mirror en el tag que cierra. No sé si es algo de macOS o específico mío. Probablemente abra un issue 😢

[@sergioguaman2677]

Me ocurre lo mismo en Windows, por lo que sigo con auto rename tag.

[@sargon4307]

Excelente! es como dicen en los comentarios, vs code mientras menos extensiones mejor, yo siempre trato de mantenerlo menos de 20, 15 seria un mejor ideal, pero hay cosillas que necesito haha

[@davidm7889]

Gracias por el tip! :)

[@midudev]

Con gusto!!!!

[@ConociendoConAlejo]

GENIAL...!!

[@kaiowas89]

Gracias ⚡

[@midudev]

A la orden

[@AlexSearchYT]

que crack

[@midudev]

😊😊😊

[@juanpasten6077]

Gracias Midu!

[@kevinat71]

en proyecto grande no me funciona bien, debe tener conflicto con algo.... por ejemplo escribo y abajo se me queda en

[@tiagoae]

Gracias midu!!👍

[@midudev]

Un placer!

[@logan76able]

No programo en react pero sin vscode delante recuerdo que lo hacia con F2 en html. Si igual que renombrar ficheros y funciona, buscaba etiqueta de inicio y cierre.

[@lautaroriveiro]

De yapa aprendí que se podía saltear la selección de coincidencias 😂😂 0:35

[@midudev]

Gemas escondidas

[@3mij3t]

Midu! para que no te critiquen ni den negativa al video recomendaria que aclares la version que tienes instalada del vscode! un abrazo crack!

[@midudev]

En el vídeo ya digo que es la última

[@PabloSanDev]

gracias bro, se agradece

[@orlandoubilla7055]

Un trucazo, me lo llevo!

[@midudev]

Gracias, Orlando! 🤗

[@the-retro-center-develper]

Que maravilla

[@midudev]

Total!!!

[@MG-bm5oj]

Yo creo que esa función estaba ya desde hace tiempo. No creo que tenga un plug-in que me haga eso. Aunque si es cierto que el cambio en el cierre de etiqueta no cambiaba al de apertura

[@midudev]

La compatibilidad con JSX salió ayer

[@antoniosola91]

Pobre Jun Han, su extensión se va al pozo 😅. Gracias por la novedad!

[@midudev]

XD Tampoco creo que estuviese ganando mucho dinero

[@juliandesign6201]

GOOOD

[@hansfpc4103]

Pensé que era algo que WebStorm no tenía

[@kodam9264]

El mensaje de error que sale en el 0:20 es parte de Typescript o es una extensión de vsc?

[@paracomentar2703]

creo q eso es con la extensión error lends

[@midudev]

Una extensión llamada Error Lens

[@kodam9264]

@@midudev gracias padre

[@jonathang.quispequiroz235]

That this great!

[@matr1x747]

No sé por qué MS no agrega la opción de instalar múltiples archivos .vsix o una vista previa como brackets

[@felipepino834]

es verdad lo que dice el suscriptor mas abajo , funcionar mejor f2 porque si contiene una clase no funciona. pero con f2 si

[@fuiel1ensaberlo]

Excelente noticia! como dicen por ahi eliminar alunas extenciones y hacer mas liviano el editor es genial.

[@Paul-zg8fn]

Midu que tema de vscode usas y que tipo de fuente?

[@juanlievano0611]

Hola midu!!, gracias por la información, disculpa tengo una pregunta, como se llama el aplciativo que tienes para hacer ese zoom con el cursor, gracias!!

[@midudev]

Es parte del sistema operativo.

[@hector4like6gorilla]

al final termine instalando el "auto rename tag" porque lo nativo de vs code no me funciono para tsx jeje pero aun asi me ayudo

[@marcoshernanz1]

Hola! Cómo se llama la extensión que usas para que el ratón se te ponga como un + y salgan unas líneas para ver si están alineadas las cosas?

[@animatek6155]

Tengo esta opción activada pero no va bien, cuando borro una etiqueta se me borra también la de cierre pero si reescribo el nombre no lo hace en ambas, solo lo hace donde tengo el foco puesto, alguien sabe por qué?

[@sergioalbornoz9219]

gracias. like y nuevo sub

[@midudev]

Gracias por tu apoyo!

[@randolphcarter8283]

la verdad que no funciona como debería, lo intente por unas horas y a veces falla y no escribe el otro tag, al final sigo usando auto rename tag que no da problemas, ojalá lo arreglen y funcione como debe ser

[@jpallatin]

Pero eso ya estaba desde hace mucho tiempo. Cuál sería la novedad en la última versión de VSCode?

[@midudev]

Te confundes. La compatibilidad con JSX y React es de esta nueva versión. Y eso es lo que es nuevo.

[@jpallatin]

@@midudev Ya entiendo. Gracias por la aclaración.

[@eder3232]

wen video

[@itsdiegoramos]

Grande MiduGOD

[@midudev]

🚀

[@thenakey]

Habra que actualizar!. PD: Midu conoces alguna extension/herramienta para hacer pair programing en visual studio? rollo documentos de google para sincronizar varios editores remotos, me vendria genial!

[@mauriciorodriguez534]

Live share es lo que buscas a lo mejor

[@enanoalbino1038]

lo active pero no me funciona, la etiqueta de cierre la deja tal como estaba

[@AlexSearchYT]

midu una pregunta, habilité la opción 'linked editing' pero no funciona ;(

[@midudev]

Has actualizado Code a la última versión?

[@Simon-dm3gs]

Buen video bro, pero como pudiste cambiar los errores en español?

[@mauriciorodriguez534]

Los errores resaltados por vscode se cambian a español con la extención Spanish language pero los delas extenciones depende de si tienen internacionalización y se activan cuando detectan que estás en español espero te sirva

[@josealfredoescobar7850]

Por alguna razon se me activo sola la opción y me quito la extensión de auto rename tag 👌

[@midudev]

Raro que te quitase la extensión pero también vale! Jajaja

[@echateunfifita]

Genial esta actualización

[@alessandromicelli2652]

Gracias man

[@victor141516]

Terrible que hayan implementado esto y tenga el mismo problema que llevo teniendo años con la extension: al usar styled components e importarlos con *, luego usas los componentes con y falla. A partir del punto ya no cambia la etiqueta de cierre :_

[@MissStefie]

gracias por la infooooooo

[@midudev]

A la orden!

[@lughstarlight]

Al fin🎉 yo usaba una que tiene una H en el logo

[@midudev]

👍

[@EAxelGM]

Tenía esa opción activada jeje pero creo que no funciona con VUE :c

[@igor.miranda]

Gracias.!

[@midudev]

Gracias por comentar!!!

[@Meister256]

Un apunte, a colación del título del vídeo y de las veces que lo repites durante el mismo, no se que tiene que ver ésto con react. Cuando a mi parecer ésto es algo que afecta a todo programador que tenga que tocar etiquetas html o xml con independencia del framework. ¿O me estoy perdiendo algo? 🤔

[@midudev]

La novedad en esta versión es que es compatible con JSX (React). Con HTML ya era compatible hace meses.

[@jayslenrojas1062]

Gracias midu

[@midudev]

A la orden

[@Pedro-mq7kt]

Que plugins utilizas para optimizar y facilitar vscode?

[@solovoypasando]

Ojalá aumenten la compatibilidad con más tipos de archivo y no solo con jsx y html, diría que la extensión sigue siendo relevante pero es un paso en la dirección correcta

[@midudev]

Ojalá que sí! Poco a poco, esto es un gran paso!

[@omarnunez9163]

Listo!! Ty!

[@unargentinoquepiensa7428]

y como se actualiza visual?

[@Ma3kir]

como haces que te salga la descripcion del error mientras escribes?