Como uso React en VSCode (Vim, Snippets, Github copilot, Temas, etc)

Esta es una lista de mis extensiones y algunas configuraciones mas frecuentes que uso en Visual Studio Code (VsCode) cuando trabajo con React. Entre estas extensiones esta Github copilot, Vim, Prettier, React ES7 Snippets, Thunder Client, entre otras extension de VSCode.
Extensiones mencionadas:
Ayu Theme: marketplace.vi...
Material Icons: marketplace.vi...
Vim: marketplace.vi...
React ES7 Snippets: • React ES7 Snippets - E...
Github Copilot: • Github Copilot y Compa...
Thunder Client: • Thunder Client - Postm...
REST Client: • Rest Client | Extensio...
🎥 Videos Recomendados:
Curso de Nodejs ➜ • Nodejs Curso Práctico ...
Curso de Git ➜ • Git y Github | Curso P...
Variables de Entorno ➜ • Variables de Entorno e...
HTML ➜ • Curso HTML para Princi...
CSS ➜ • Curso CSS para Princip...
Javascript Orientado a Objetos ➜ • Curso de Javascript Or...
Arrays en Javascript ➜ • Javascript Arrays - Me...
ES Modules ➜ • Import y Export en Jav...
👨‍💻 ¿Qué servicios y productos utilizo?
Ledger (Hardware Wallet) ➞ bit.ly/3ijsVNW
SiteGround ➞ bit.ly/31u9ZEk
DigitalOcean ➞ m.do.co/c/8ef2...
Expo ➞ bit.ly/2WpYKtx
Cloudinary ➞ bit.ly/3ohNlJ7
#vscode #reactjs #javascript #desarrolloweb

[@FaztTech]

Les dejo el curso de React: kzbin.info/www/bejne/qH3SiICLabGSp6c

[@sebastianwolfgang8189]

Tuve una entrevista esta semana enfocada a node.js CRUD, utilizando una base de datos relacional (postgresql) y tus videos me sirvieron para completar la prueba tecnica que me mandaron, tengo otra entrevista sobre react-redux y estoy estudiando con tu ultimo video de redux toolkit, muchas gracias por este contenido tan valioso bro espero algun dia poder aportar valor como tu lo haces, eres grande fazt!

[@lalosdo2]

ahora nos toca devolver el conocimiento en dinero

[@tinchoPerro]

Fazt sos el mejor explicando cosas de programacion, me encanta aprender con tus videos. Muchas gracias por tu tiempo

[@FaztTech]

Gracias a ti :)

[@LuisAntonio-cd4ck]

Grandioso aprender todos los días en este canal.

[@alanbalvin7731]

Que buena onda que llegué a tu canal, estaba buscando la extensión de intellygence para poder escribir las etiquetas en react así como se puede en CSS y encontré este video, ya la pude integrar y ahora veo que tienens un montón de material que estoy necesitando aprender, muchas gracias

[@jhongut]

4:35 vine por esta parte y sali satisfecho, muchas gracias Fazt

[@ivanarnaldosalas7244]

OMG THANK YOU!!! I went through hours of "beginner" guides before I could find tNice tutorials and at least make a simple soft... Only video I've

[@kajjinpajin9847]

Finnally now this channel is actually gonna be consistent

[@Munoz-in1ew]

Que útil ! me volo la cabeza lo fácil que es activar emmet para react, yo hasta ahora usaba como 3 extensiones para eso jaja en fin eres un crack, y de paso una pregunta, como es que tienes medium en modo oscuro?

[@andresaguirre7143]

Fazt, estaría bien un video de vim en vscode

[@josenarvaez3016]

Un curso de WebPack actualizado, estaría también brutal, buen video hermano.

[@luisnorton3100]

Gracias fazt. Esperando un proyecto Web Frontend y Backend completo 👍

[@h1-hackermater]

Eres un CRACK! Gracias

[@soygabrielalvarez]

Very nice and well explained. Every tNice tutorialng is crystal clear and easily understandable.

[@kdc5491]

copilot no es un lector de mentes 🤣 buenisimo

[@arnoldtorres3375]

Perfecto💪🏼

[@LordVladimirAlex]

Me gusto mucho tus consejos. Muchas gracias!!

[@jesuslopezperez663]

so much. Can’t wait to start making soft.

[@FaztTech]

👍🏼

[@sebastianzavala2393]

gracias me salvaste

[@ronal.na31]

Gracias :)

[@lacacode]

Buen video

[@JoseSanchez-hp9vn]

Xq no puedo abrir una carpeta arrastrándola directamente a VScode? siempre tengo que abrirla desde Archivo

[@Austin_de_Backyardigans]

Jqjaja

[@renzobocanegraalvarez490]

Eso ocurre porque ya tienes otra carpeta abierta en VSCode

[@JoseSanchez-hp9vn]

@@renzobocanegraalvarez490 lo he hecho recién instalado y me pasa igual y en dos pc distintas

[@FacuCabj_]

Buen video fazt! Estaria bueno un video de una app que tenga modo dark/light con tailwind por ejemplo y que tenga el cambio de idioma, es solo una idea por si queres 😁👍🏻 Gracias por subir videos siempre!

[@anacorderoh6184]

Enjoyable and informative video.

[@Deus-lo-Vuilt]

Buenísimo 👍👍😎

[@danilolora2029]

gracias

[@ZBROOS]

Gracias Fazt! :)

[@YODA5919]

Buen video saludos

[@FaztTech]

Saludos yael

[@VenezuelaBreak]

Que grande eres fazt sigo viendo tus video practico pero no me defino que lenguaje estudiar si javascript o python a veces pienso que si me voy por python me estoy perdiendo de mucho de javascript .. alguna recomendacion tengo mucha teoria pero realidad he practicado poco alguna sugerencia fazt tengo la mayoria de tus video descargado siempre los veo gracias por tu enseñanza

[@elplayeravefenix2280]

Jeeeey Coders

[@angelcondori9427]

una configuracion en vim para react estaria genial

[@FaztTech]

Estoy preparando un video para esta semana :)

[@robinsongomez881]

buenas tardes caballero Fazt, cuando subes un tutoría para crear microfrontend en react, no encuentro mucho sobre ello aiiuuda

[@wils0ndev]

Estuve buscando algun snippet o configuración para hacer la busqueda de las referencias de functional components o custom hooks, pero no encontre :C. Tienes alguna configuración para eso ? Ejemplo: En NestJS -> Ctrl + click, me busca la referencia de cierta función y creo que lo hace por la extensión del IntelliCode

[@juanln10]

Hey, i have a problem with the channel rack. Everyti I add an instrunt, for example the soft he added, it keeps loading for a long

[@GiancarloCarccamo]

buen video

[@polilla.asesina2548]

TNice tutorials is pretty much a modern day Fairlight CMI.

[@FaztTech]

?

[@dileastro8734]

@Fazt bro el video que tienes de html esta relativamente actulizado?, o no hace falta?

[@Khris14]

Hola fatz, porque cuando quiero agregar una propiedad por ejemplo onclick, en react, no me lo autocompleta? tampoco funciona haciendo espacio + ctrl

[@beticohernandez9536]

Hola. Extraño no me funcion.

[@wildchamo]

solo me faltaban los icoonos B )

[@frankrodriguezlopez8542]

FAZT haz probado alguna vez REACT dentro de ANGULAR? Puedes tocar este tema en uno de tus vídeos?

[@FaztTech]

Creo que quedaria en un tema de Microfrontends :)

[@rudycrespoaguinaga4385]

I drank all the milky-milk in my sippy cup!

[@FaztTech]

👍

[@enriqueatala2567]

Gracias! Una consulta, cómo puedo instalar el VS en forma limpia? Elimino todo y me vuelve con todo lo anterior como las extensiones

[@digiprocess]

no estoy segura pero me parece que tendrías que modificar o desactivar la sincronización de configuración (administrar) para que cada vez que lo instales no se te sincronice con la configuración que tienes con las extensiones, el detalle es que no estoy segura si eso está ligado a una cuenta de github o un tipo de servidor que te descarga la configuración que tienes guardada para ahorrar tiempo...

[@Austin_de_Backyardigans]

@@digiprocess que feito nombre

[@digiprocess]

@@Austin_de_Backyardigans 👍🏼

[@FaztTech]

En mi caso lo que yo hago para los tutoriales, es que antes de desisntalar hay una carpeta que almacena todas tus extensiones, por lo que si desintalas y vuelves a instalar quedaran alli. Puedes hacer esto: 1. elimina todas tus extensiones de forma manual 2. Presiona F1, escribe "Open Settings JSON", y elimina Todo el contenido de este archivo. 3. En la carpeta de tu usuario elimina la carpeta oculta llamada .vscode. Guiate de esta respuseta: stackoverflow.com/questions/36746857/completely-uninstall-vs-code-extensions Listo ahora puedes volver a instalar desde cero

[@enriqueatala2567]

@@FaztTech muchas gracias voy a hacer lo y te comento. Saludos

[@mauirix10]

yo solo busco una extension que te coloque solo los paréntesis () o otros corchetes :(

[@FaztTech]

Creo que vscode hace eso por defecto, incluso hasta para las etiquetas html: www.roboleary.net/vscode/2020/08/05/dont-need-extensions.html

[@alejandroiosefosorio4261]

Github copilot es free o tiene un periodo de prueba?

[@FaztTech]

Tiene un trial de 60 dias, y para los que mantienen proyectos open source populares les dan gratis el acceso :)

[@alejandroiosefosorio4261]

@@FaztTech gracias Fazt

[@julianvelez6563]

Grande fazt sos un crack

[@odin_0077]

un video sobre VIM para iniciar ,se que mejorara la efectividad en escribir y ello pero no me animo ya que se ve complicado de aprender :C

[@felipeortizlucas2247]

¿Puedes hablar de neovim? Por favor.

[@dark_1959]

Sa lol

[@ramadou6106]

I swearr

[@FaztTech]

👍🏼

[@chrystianespinoza922]

Going through tNice tutorials right now

[@rubenloredobravo8290]

El mejor canal en su tipo!...gracias!

[@Gr4phic_hill]

Why would u give up, it is scary like everytNice tutorialng new but when u get good you will be glad u tried

[@depositoalebet1236]

Gracias por el contenido! Es de gran ayuda para los iniciantes!

[@Rama-it4fk]

Will try to spend £50 on a video editor to slow down the video cos I could hear the words but not understand. It was still informative, SMH

[@linaumbarilabernal441]

tNice tutorialngs simple, straight to the point and well organized.