Cómo simplificar los imports con Typescript Path Aliases!

แชร์
ฝัง
  • เผยแพร่เมื่อ 28 พ.ย. 2024

ความคิดเห็น • 38

  • @AlbertHernandez
    @AlbertHernandez  10 หลายเดือนก่อน +3

    Pensando en comenzar un nuevo proyecto en Express, NestJS o una Librería? Dale un vistazo a estos templates que he preparado que van a agilizar la creación de esos proyectos poniendo ya las mejores practicas desde cero como esto de los path alias:
    - Template de NestJS: github.com/AlbertHernandez/nestjs-service-template
    - Template de Express: github.com/AlbertHernandez/express-typescript-service-template
    - Template de Librerías typescript: github.com/AlbertHernandez/typescript-library-template

  • @padrocha
    @padrocha 3 หลายเดือนก่อน +1

    En verdad me ayudó, no encontraba la solución

    • @AlbertHernandez
      @AlbertHernandez  3 หลายเดือนก่อน +1

      Me alegro que te sirviera 😁

  • @juanestebancalderon6520
    @juanestebancalderon6520 9 หลายเดือนก่อน +1

    Había estado de vacaciones por ende hasta ahora llegué aquí, pero Albert, está genial este tema. Siempre traes contenido útil y de calidad, como siempre, gracias y felicidades por tu gran aporte

    • @AlbertHernandez
      @AlbertHernandez  9 หลายเดือนก่อน

      Hehe muchas gracias por siempre estar apoyando, es un placer para mi crear estos videos y ver que de verdad sirven a la comunidad 😁

  • @Dev_AlexSanz
    @Dev_AlexSanz 8 หลายเดือนก่อน

    Albert, llevaba un día completo buscando contenido para esto, te agradezco demasiado este aporte, tienes un seguidor nuevo ❤

    • @AlbertHernandez
      @AlbertHernandez  8 หลายเดือนก่อน

      Es un placer! Me alegra saber que os es util este aporte :D

  • @neutro78
    @neutro78 8 หลายเดือนก่อน

    llevaba 4 días intentando hacer esto, muchas gracias!

  • @JoseLuis-yl8vs
    @JoseLuis-yl8vs 9 หลายเดือนก่อน

    Excelente justo intente hacer eso sin exito hace unos días, Gracias !

  • @keilerguardo2164
    @keilerguardo2164 8 หลายเดือนก่อน

    Gran tutorial Albert, me sirvió muchísimo el video.

  • @moviedomof
    @moviedomof 9 หลายเดือนก่อน

    Muy bueno, como no hiciste este video años atras, me llevo mas de 10 dias switchear entre diferentes librerias como babel, module-alias y tsc-alias.. y en contrar scripts correctos para resolver alias

    • @AlbertHernandez
      @AlbertHernandez  9 หลายเดือนก่อน

      Haha, bueno, ahora ya está, espero que ayude a otros compañeros 😁

  • @adriannlara
    @adriannlara 6 หลายเดือนก่อน

    esto es lo que pienso, nuevo subscriptor

  • @blackdeath166
    @blackdeath166 9 หลายเดือนก่อน

    Hola Albert buen video, estoy utilizando este modo de trabajar con los imports en angular y en nestjs, pero no me habia fijado si en produccion funcionaban bien, ahora ya se como resolver el problema para cuando este en produccion. Hace tiempo publicaste un video donde explicas tu forma de trabajar en nestjs y fastify, descargue la plantilla para tratar de utilizarla adecuandola a mi forma de trabajar, yo trabajo con graphql y funciona bien y todo pero sabes con lo que tengo problema, es con las configuraciones que tiene la plantilla que todavia no entiendo el tema, por ejemplo quise modificar los archivos de docker porque utilizo pnpm ya he tomado cursos de docker pero todavia se me dificulta, y pues la verdad no entendi algunas lineas y pues ejecuto el proyecto directamente sin utilizar docker, otra cosa que tambien me pasa es el eslint. porque quiero configurarlo a como se trabaja con C#, me gusta que las funciones esten en una linea que la llave abra en la siguiente linea o cosas asi, a mi me gusta usar el ancho de la pantalla y la mayoria de programadores que veo sus videos siempre utilizan salto de linea entre cada cosa que hacen y a mi asi no me gusta. Y por ultimo por ejemplo estoy trabajando en mi casa y por cualquier cosas quiero hacer un commit para guardar mi proyecto aveces con codigo no terminado y el cual voy a retomar en la oficina y he revisado la plantilla para tratar de deshabilitar la regla y ya le he movido lo que segun yo es pero no doy y yo soy creemelo que bien terco, ahorita no le he estado buscando porque estoy programando en labview, pero pronto regresare a programar en nestjs y angular. hay si tienes chance de explicar ese tipo de detalles de la plantilla. muchas gracias y gracias por todos estos aportes, porque la mayoria de las veces uno tiene mas problemas con este tipo de configuraciones, que con el estar programando

    • @AlbertHernandez
      @AlbertHernandez  9 หลายเดือนก่อน +1

      Buenas! Pues justo muchas cosas de ese template vienen de videos que he ido sacando por separado, por ejemplo la de docker aqui puedes profundizar más th-cam.com/video/J4J2wgZ8yWE/w-d-xo.html, tambien sobre linter, convenciones de commits y eso viene de este otro th-cam.com/video/cONX5b9MvKQ/w-d-xo.html, dale un vistazo a esos videos y a otros que veas por el canal que eso te dará mucho mas contexto y si ves que falta algo me dices y lo creo 💪

  • @geekhadev
    @geekhadev 9 หลายเดือนก่อน

    Muy bueno el video.

  • @AarónAyerdisEspinoza
    @AarónAyerdisEspinoza 9 หลายเดือนก่อน

    Excelente video. Una consulta. ¿Hay algún video sobre la config y theme de tu IDE? Se ve perfecto

    • @AlbertHernandez
      @AlbertHernandez  9 หลายเดือนก่อน

      Gracias! Pues no tengo nada sobre la config de mi IDE pero si es algo que os interesa puedo preparar algún video donde os muestre como lo tengo configurado :)

    • @AarónAyerdisEspinoza
      @AarónAyerdisEspinoza 9 หลายเดือนก่อน

      Si, definitivamente sería algo interesante a tocar. Gracias.

    • @juanestebancalderon6520
      @juanestebancalderon6520 9 หลายเดือนก่อน

      @@AlbertHernandezDefinitivamente sería tremendo, por favor 😊

  • @rjurado5867
    @rjurado5867 8 หลายเดือนก่อน

    Hace tiempo intenté hacerlo pero me quedaron algunas partes sin funcionar. Muchas gracias, lo probaré.

  • @jesusantoniobojorquezespin9260
    @jesusantoniobojorquezespin9260 9 หลายเดือนก่อน

    grande, el otro dia tenia este problema jaja

  • @santiagousca
    @santiagousca 4 หลายเดือนก่อน

    es necesario la libreria tsc-alias?

    • @AlbertHernandez
      @AlbertHernandez  4 หลายเดือนก่อน

      Buenas! Si, es necesario para poder traducir los path aliases de typescript a javascript

  • @matiassantiago4205
    @matiassantiago4205 9 หลายเดือนก่อน

    tengo este problema con react. sirve esta misma implementacion?

    • @AlbertHernandez
      @AlbertHernandez  9 หลายเดือนก่อน

      Pues no lo he probado con react pero si te animas a intentar aplicar esta solución déjanos saber si funciona, seguro que muchos te lo agradecerán

  • @PterPmntaM
    @PterPmntaM 9 หลายเดือนก่อน

    Gran video como siempre, amigo, existe algún video que tengas nuevo para el tema de ordenar y clasificar los imports, que de verdad, he probado de todo, y no se pro que no me funciona, te agradecería.

    • @AlbertHernandez
      @AlbertHernandez  9 หลายเดือนก่อน

      Gracias! Pues no tengo un video pero si lo tengo eso hecho en los templates que os comento, le puedes dar un vistazo a este por ejemplo: github.com/AlbertHernandez/express-typescript-service-template/blob/a11cf6764fb636e87e160e041bf93e418a33844c/.eslintrc#L39-L60
      Si crees que puede ser interesante ver eso en un video en concreto podemos hacerlo 💪

    • @PterPmntaM
      @PterPmntaM 9 หลายเดือนก่อน

      @@AlbertHernandez Claro que lo es, ya que ayuda a poder saber bien las cosas.
      Cual paquete instalaste?

    • @AlbertHernandez
      @AlbertHernandez  9 หลายเดือนก่อน +1

      Venga pues me lo apunto 😁
      Respecto al paquete, es este: github.com/lydell/eslint-plugin-simple-import-sort/

    • @PterPmntaM
      @PterPmntaM 9 หลายเดือนก่อน

      @@AlbertHernandez Listo esperando

  • @nicolaslopezvidueiros4581
    @nicolaslopezvidueiros4581 3 หลายเดือนก่อน

    tambien podes hacer @/*

    • @AlbertHernandez
      @AlbertHernandez  2 หลายเดือนก่อน

      Si correcto, también podemos hacer eso aunque solo funcionaria si está a primer nivel