Como uso React en VSCode (Vim, Snippets, Github copilot, Temas, etc)
Вставка
- Опубліковано 30 сер 2022
- 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.visualstudio.com/...
Material Icons: marketplace.visualstudio.com/...
Vim: marketplace.visualstudio.com/...
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/8ef261d77de5
Expo ➞ bit.ly/2WpYKtx
Cloudinary ➞ bit.ly/3ohNlJ7
#vscode #reactjs #javascript #desarrolloweb
Les dejo el curso de React: ua-cam.com/video/rLoWMU4L_qE/v-deo.html
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!
ahora nos toca devolver el conocimiento en dinero
Me gusto mucho tus consejos. Muchas gracias!!
Grandioso aprender todos los días en este canal.
Fazt sos el mejor explicando cosas de programacion, me encanta aprender con tus videos. Muchas gracias por tu tiempo
Gracias a ti :)
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
Finnally now this channel is actually gonna be consistent
Eres un CRACK! Gracias
Enjoyable and informative video.
Very nice and well explained. Every tNice tutorialng is crystal clear and easily understandable.
Gracias fazt. Esperando un proyecto Web Frontend y Backend completo 👍
4:35 vine por esta parte y sali satisfecho, muchas gracias Fazt
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
Un curso de WebPack actualizado, estaría también brutal, buen video hermano.
Perfecto💪🏼
Gracias Fazt! :)
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!
Buenísimo 👍👍😎
gracias me salvaste
Gracias :)
Buen video
so much. Can’t wait to start making soft.
👍🏼
gracias
buen video
Buen video saludos
Saludos yael
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?
copilot no es un lector de mentes 🤣 buenisimo
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
Jeeeey Coders
Fazt, estaría bien un video de vim en vscode
@Fazt bro el video que tienes de html esta relativamente actulizado?, o no hace falta?
buenas tardes caballero Fazt, cuando subes un tutoría para crear microfrontend en react, no encuentro mucho sobre ello aiiuuda
tNice tutorialngs simple, straight to the point and well organized.
Hola fatz, porque cuando quiero agregar una propiedad por ejemplo onclick, en react, no me lo autocompleta? tampoco funciona haciendo espacio + ctrl
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
solo me faltaban los icoonos B )
una configuracion en vim para react estaria genial
Estoy preparando un video para esta semana :)
TNice tutorials is pretty much a modern day Fairlight CMI.
?
Hola.
Extraño no me funcion.
I drank all the milky-milk in my sippy cup!
👍
FAZT haz probado alguna vez REACT dentro de ANGULAR? Puedes tocar este tema en uno de tus vídeos?
Creo que quedaria en un tema de Microfrontends :)
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
Xq no puedo abrir una carpeta arrastrándola directamente a VScode? siempre tengo que abrirla desde Archivo
Jqjaja
Eso ocurre porque ya tienes otra carpeta abierta en VSCode
@@renzobocanegraalvarez490 lo he hecho recién instalado y me pasa igual y en dos pc distintas
Gracias! Una consulta, cómo puedo instalar el VS en forma limpia? Elimino todo y me vuelve con todo lo anterior como las extensiones
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...
@@digiprocess que feito nombre
@@Austin_de_Backyardigans 👍🏼
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
@@FaztTech muchas gracias voy a hacer lo y te comento. Saludos
I swearr
👍🏼
yo solo busco una extension que te coloque solo los paréntesis () o otros corchetes :(
Creo que vscode hace eso por defecto, incluso hasta para las etiquetas html:
www.roboleary.net/vscode/2020/08/05/dont-need-extensions.html
Sa lol
¿Puedes hablar de neovim? Por favor.
Github copilot es free o tiene un periodo de prueba?
Tiene un trial de 60 dias, y para los que mantienen proyectos open source populares les dan gratis el acceso :)
@@FaztTech gracias Fazt
Going through tNice tutorials right now
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
Why would u give up, it is scary like everytNice tutorialng new but when u get good you will be glad u tried
Grande fazt sos un crack
El mejor canal en su tipo!...gracias!
Gracias por el contenido! Es de gran ayuda para los iniciantes!
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