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

Поделиться
HTML-код
  • Опубликовано: 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

Комментарии • 76

  • @FaztTech
    @FaztTech  Год назад +14

    Les dejo el curso de React: ruclips.net/video/rLoWMU4L_qE/видео.html

  • @sebastianwolfgang8189
    @sebastianwolfgang8189 Год назад +29

    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
      @lalosdo2 Год назад +3

      ahora nos toca devolver el conocimiento en dinero

  • @LuisAntonio-cd4ck
    @LuisAntonio-cd4ck Год назад +2

    Grandioso aprender todos los días en este canal.

  • @alanbalvin7731
    @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

  • @tinchoPerro
    @tinchoPerro Год назад +12

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

  • @LordVladimirAlex
    @LordVladimirAlex Год назад

    Me gusto mucho tus consejos. Muchas gracias!!

  • @luisnorton3100
    @luisnorton3100 Год назад

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

  • @jhongut
    @jhongut 11 месяцев назад

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

  • @kajjinpajin9847
    @kajjinpajin9847 Год назад

    Finnally now this channel is actually gonna be consistent

  • @h1-hackermater
    @h1-hackermater Год назад +1

    Eres un CRACK! Gracias

  • @soygabrielalvarez
    @soygabrielalvarez Год назад

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

  • @ivanarnaldosalas7244
    @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

  • @josenarvaez3016
    @josenarvaez3016 Год назад

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

  • @anacorderoh6184
    @anacorderoh6184 Год назад

    Enjoyable and informative video.

  • @FacuCabj_
    @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!

  • @arnoldtorres3375
    @arnoldtorres3375 Год назад

    Perfecto💪🏼

  • @Deus-lo-Vuilt
    @Deus-lo-Vuilt Год назад

    Buenísimo 👍👍😎

  • @ZBROOS
    @ZBROOS Год назад

    Gracias Fazt! :)

  • @jesuslopezperez663
    @jesuslopezperez663 Год назад

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

  • @sebastianzavala2393
    @sebastianzavala2393 6 месяцев назад

    gracias me salvaste

  • @ronal.na31
    @ronal.na31 8 месяцев назад

    Gracias :)

  • @lacacode
    @lacacode Год назад

    Buen video

  • @Munoz-in1ew
    @Munoz-in1ew 2 месяца назад

    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?

  • @RoberthValerio
    @RoberthValerio Год назад

    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

  • @YODA5919
    @YODA5919 Год назад

    Buen video saludos

  • @danilolora2029
    @danilolora2029 Год назад

    gracias

  • @GiancarloCarccamo
    @GiancarloCarccamo Год назад

    buen video

  • @kdc5491
    @kdc5491 Год назад

    copilot no es un lector de mentes 🤣 buenisimo

  • @dileastro8734
    @dileastro8734 Год назад

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

  • @juanln10
    @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

  • @robinsongomez881
    @robinsongomez881 Год назад

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

  • @Khris14
    @Khris14 Год назад

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

  • @elplayeravefenix2280
    @elplayeravefenix2280 11 месяцев назад

    Jeeeey Coders

  • @andresaguirre7143
    @andresaguirre7143 Год назад +3

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

  • @wils0ndev
    @wils0ndev 3 месяца назад

    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

  • @angelcondori9427
    @angelcondori9427 Год назад +5

    una configuracion en vim para react estaria genial

    • @FaztTech
      @FaztTech  Год назад +5

      Estoy preparando un video para esta semana :)

  • @JoseSanchez-hp9vn
    @JoseSanchez-hp9vn Год назад +2

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

  • @frankrodriguezlopez8542
    @frankrodriguezlopez8542 Год назад

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

    • @FaztTech
      @FaztTech  Год назад +1

      Creo que quedaria en un tema de Microfrontends :)

  • @linaumbarilabernal441
    @linaumbarilabernal441 Год назад

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

  • @beticohernandez9536
    @beticohernandez9536 8 дней назад +1

    Hola.
    Extraño no me funcion.

  • @wildchamo
    @wildchamo Год назад

    solo me faltaban los icoonos B )

  • @polilla.asesina2548
    @polilla.asesina2548 Год назад

    TNice tutorials is pretty much a modern day Fairlight CMI.

  • @mauirix10
    @mauirix10 Год назад

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

    • @FaztTech
      @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

  • @enriqueatala2567
    @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
      @digiprocess Год назад +1

      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
      @Austin_de_Backyardigans Год назад

      @@digiprocess que feito nombre

    • @digiprocess
      @digiprocess Год назад

      @@Austin_de_Backyardigans 👍🏼

    • @FaztTech
      @FaztTech  Год назад +5

      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
      @enriqueatala2567 Год назад

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

  • @rudycrespoaguinaga4385
    @rudycrespoaguinaga4385 Год назад

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

  • @felipeortizlucas2247
    @felipeortizlucas2247 Год назад

    ¿Puedes hablar de neovim? Por favor.

  • @ramadou6106
    @ramadou6106 Год назад

    I swearr

  • @dark_1959
    @dark_1959 Год назад +1

    Sa lol

  • @alejandroiosefosorio4261
    @alejandroiosefosorio4261 Год назад

    Github copilot es free o tiene un periodo de prueba?

    • @FaztTech
      @FaztTech  Год назад

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

    • @alejandroiosefosorio4261
      @alejandroiosefosorio4261 Год назад

      @@FaztTech gracias Fazt

  • @odin_0077
    @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

  • @chrystianespinoza922
    @chrystianespinoza922 Год назад

    Going through tNice tutorials right now

  • @Gr4phic_hill
    @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

  • @rubenloredobravo8290
    @rubenloredobravo8290 Год назад

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

  • @julianvelez6563
    @julianvelez6563 Год назад +2

    Grande fazt sos un crack

  • @depositoalebet1236
    @depositoalebet1236 Год назад

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

  • @Rama-it4fk
    @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