Node.js Backend Project Setup with Typescript, ESLint, Prettier, and Jest

แชร์
ฝัง

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

  • @HosseinBajan
    @HosseinBajan 7 หลายเดือนก่อน

    It was the best node environment that I have seen so far, it was really great, thank you

  • @xc1726
    @xc1726 2 ปีที่แล้ว

    i'm korean university student. Despite my poor English, your explanation was very helpful. Thank you !! 👍

  • @TobiAkinyemi-mq5mh
    @TobiAkinyemi-mq5mh ปีที่แล้ว

    👌, thank you for taking time to explain why you did something and a brief description on what it's actually doing .

  • @hidden_from_you
    @hidden_from_you 3 ปีที่แล้ว +1

    I am a front-end developer, but your tutorial very useful for me, great job thanks!
    Wishing for more than a million views!

    • @CodeDunks
      @CodeDunks  3 ปีที่แล้ว

      Appreciate it Rinat!

  • @Scetils
    @Scetils 3 ปีที่แล้ว +4

    This was such a solid first video Leo!
    Really appreciate it and can't wait to go through more. 🤺

  • @jeremiahakpera3457
    @jeremiahakpera3457 ปีที่แล้ว

    This is exactly what I was looking for. Thank you

  • @sanjitselvan5348
    @sanjitselvan5348 ปีที่แล้ว

    The knowledge you've given us in this video is priceless. Thank you! 🙌

  • @serhiiocean2662
    @serhiiocean2662 3 ปีที่แล้ว

    the best guide that I've found (not on youtube but in general) that covers everything that I needed!
    I literally spent a few hours reading some articles/watching videos but non of it was like this video, thanks!

    • @CodeDunks
      @CodeDunks  3 ปีที่แล้ว

      Glad I was able to be of some help!

  • @ahmdswerky
    @ahmdswerky 3 ปีที่แล้ว

    Such an awesome/comfortable environment, Hope to see more

  • @calculuski
    @calculuski 2 ปีที่แล้ว

    Great video that covered almost what I needed. I would also like you to add API and database feature and testing with jest. Thumbs up Leo..

  • @twiksify
    @twiksify 2 ปีที่แล้ว

    I should put this on repeat just because you deserve a lot views.
    Very well structured and explained, top notch!

  • @amazonreviews2524
    @amazonreviews2524 3 ปีที่แล้ว +2

    This is amaze-balls! Thank you Leo. You helped me tremendously. :)

  • @leonardparan7291
    @leonardparan7291 3 ปีที่แล้ว

    You're one of the best dude, thank you so much

  • @ashishkarki4880
    @ashishkarki4880 3 ปีที่แล้ว

    greatly technical and useful video. Please keep them coming. thanks a lot

  • @DaumChannelGamePart
    @DaumChannelGamePart 2 ปีที่แล้ว

    wow. this is the best practice ever!

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

    This is solid. Thanks

  • @mealcode
    @mealcode 3 ปีที่แล้ว

    thanks leo for this gold content. Keep going :)

  • @VINODMAKKENA-e7q
    @VINODMAKKENA-e7q 4 หลายเดือนก่อน

    This is helpful. Thank you

  • @goshmain982
    @goshmain982 3 ปีที่แล้ว

    This is such informative and literary everything I needed.

  • @mahendranath2504
    @mahendranath2504 3 ปีที่แล้ว +4

    excellent, next time a small suggestion is to increase the font size on VS code editor as its small font hard to focus on your typing , it's a great content 👍

    • @CodeDunks
      @CodeDunks  3 ปีที่แล้ว

      Yes I apologize, first video I thought for some reason you guys could see what I could. Won't be happening in my future videos. Thanks for the feedback!

    • @mahendranath2504
      @mahendranath2504 3 ปีที่แล้ว +1

      @@CodeDunks no need for apologies, it happens, we learn from mistakes,you are doing a great job 👏👍

  • @yashshah7673
    @yashshah7673 2 ปีที่แล้ว

    Too good Leo!! Thank you very much! :-)

  • @ThijmenCodes
    @ThijmenCodes 2 ปีที่แล้ว

    Great video, you really cover everything from A to Z. Thanks!

  • @utsavojha2953
    @utsavojha2953 3 ปีที่แล้ว

    Awesome walkthrough Leo, good stuff! 🚀 subscriber++

  • @zero__gravity_Shekhawat777
    @zero__gravity_Shekhawat777 3 ปีที่แล้ว

    Great work waiting for more videos

  • @nishalgoud222
    @nishalgoud222 3 ปีที่แล้ว

    awesome !.Please keep them coming.

  • @jeremiahblessing3891
    @jeremiahblessing3891 3 ปีที่แล้ว +1

    13:21 If you are not familiar with Prettier, that's me. LMAO XD

  • @qianjinqin8293
    @qianjinqin8293 3 ปีที่แล้ว

    Thank you, Leo.

  • @ThangTran-fe5oz
    @ThangTran-fe5oz 3 ปีที่แล้ว +1

    You can help me?
    import app from '@src/config/express';
    Unable to resolve path to module '@src/config/express'

  • @jackiedo2959
    @jackiedo2959 2 ปีที่แล้ว

    Amazing walk through bro, thumbs up for this!!!! :)

  • @marioibarra668
    @marioibarra668 2 ปีที่แล้ว

    Leo thanks for a great tutorial. It helps me a lot to understand the set-up. Just one small comment: you need to zoom out. Difficult to see what the names of the files. Thanks again.

  • @muasx1985
    @muasx1985 3 ปีที่แล้ว

    NICE! (with the capitals)

  • @igdev6095
    @igdev6095 2 ปีที่แล้ว +1

    Thanks for your video, it's very very helpful for me. But I have a problem, if I delete a file .ts in folder src then ts complier not auto remove it in folder dist. How can I fix that? Thank u so much!

    • @CodeDunks
      @CodeDunks  2 ปีที่แล้ว

      Just to be sure I understand here, you want the associated deleted file not to be in the dist folder after deleting its source file automatically? Or After you run the build again? Automatically you could maybe look into www.npmjs.com/package/gulp. If build isn't removing them then I would try making your build script something like "build": "rm -rf dist && tsc"

  • @ВиталийПугач-к8ю
    @ВиталийПугач-к8ю ปีที่แล้ว

    awesome!

  • @coadingwithdharma
    @coadingwithdharma 3 ปีที่แล้ว

    NIce work, keep it up bro

  • @kodingmania1787
    @kodingmania1787 3 ปีที่แล้ว

    Thank you a lot ,, you are helpfully

    • @CodeDunks
      @CodeDunks  3 ปีที่แล้ว

      Glad I could help!

  • @miteshsagar8149
    @miteshsagar8149 3 ปีที่แล้ว

    Awesome 👍😎

  • @kolynzb
    @kolynzb 2 ปีที่แล้ว

    Thanks bro

  • @ММ-ж2з
    @ММ-ж2з 3 ปีที่แล้ว

    great job

  • @shiroclown6131
    @shiroclown6131 3 ปีที่แล้ว

    Appreciate this but 720p is just not clear enough. Maybe increase the fonts size?

  • @scotty8789
    @scotty8789 3 ปีที่แล้ว

    Great video! Learned a lot. Couple things not working for me though. Initially, the auto formatting wasnt working but I was able to fix it by setting prettier as my formatter and enabling format on save within the vscode settings. This seemed to work but when adding dotenv-safe I noticed it would not automatically move the import statement above my add function import. Any ideas why this could be? I followed all your steps exactly except for using npm instead of yarn and using json instead of js for eslintrc

    • @scotty8789
      @scotty8789 3 ปีที่แล้ว

      Disabling prettier in vscode as a formatter and enabling eslint as default formatter seems to have fixed it. My code will autoformat with eslint and prettier settings on save. Is this the correct way to set these extensions in my vscode settings?

    • @CodeDunks
      @CodeDunks  3 ปีที่แล้ว

      @@scotty8789 Hey Scott, so there are a couple of ways to mess with your vscode settings. Either how you did it, or you can play around with the settings.json file, you can find this file by doing CTRL + SHIFT + P and typing in settings, then choose open settings (JSON).
      Here is a link to my vscode settings I just added it up to by blog-tube repo
      github.com/leoroese/blog-tube/blob/main/settings.json
      Hope this helps

    • @scotty8789
      @scotty8789 3 ปีที่แล้ว

      @@CodeDunks Thank you!

  • @Confusedcapybara8772
    @Confusedcapybara8772 2 ปีที่แล้ว

    leo, can you share your bashrc? How did you get the git branch names?

    • @michrisoft
      @michrisoft 2 ปีที่แล้ว

      Pretty sure that's just from using the git bash shell

  • @MrYassineSalhi
    @MrYassineSalhi 3 ปีที่แล้ว

    How would you add react to this? Every time I try their seems to be clashes

    • @CodeDunks
      @CodeDunks  3 ปีที่แล้ว

      Hmm this video was mostly focused for backend project setup while React is mostly for frontend.

  • @kadeinvictus1759
    @kadeinvictus1759 3 ปีที่แล้ว

    34:23 start: prod uses the "ts-node" and "tsconfig-paths" modules, so in a production environment these modules must be in production dependencies and not in development, right ?

    • @CodeDunks
      @CodeDunks  3 ปีที่แล้ว

      ts-node and tsconfig-paths shouldn't be production dependencies. If you look at their docs they install them as dev dependencies.
      You are correct however if you were to try and take this exact project and run it in production and want to use the yarn start as I have configured. The reason for including those in the start was to fix the MODULE_NOT_FOUND issues for local development when trying to run the yarn start but you are right that it isn't necessarily optimized for production. You can look into this article to possibly improve the project from what I have wrote.
      bgxcode.com/posts/typescript/ts-absolute-import-paths/

    • @kadeinvictus1759
      @kadeinvictus1759 3 ปีที่แล้ว

      @@CodeDunks thank you, I understood and I was able to implement the second method

  • @christofernguyen6282
    @christofernguyen6282 2 ปีที่แล้ว

    Hi,
    How did you setup the nvm on windows? Great video btw!

    • @CodeDunks
      @CodeDunks  2 ปีที่แล้ว +1

      github.com/coreybutler/nvm-windows

  • @dungam9402
    @dungam9402 10 หลายเดือนก่อน

    only one thing to complain please zoom the screen bigger :'(

  • @fooked1
    @fooked1 2 ปีที่แล้ว

    Thanks for the video. I noticed you added tsconfig-paths, but I don't think you covered what it does or how to use it. Can you describe what value it brings into the configs you setup?

  • @KunalMukherjee3701
    @KunalMukherjee3701 2 ปีที่แล้ว

    Record in 1080p

  • @y_thedreamer95
    @y_thedreamer95 3 ปีที่แล้ว

    Didn't like the quality at 720p but there is no more videos about it so thanks anyway.

  • @talhaklaib4016
    @talhaklaib4016 3 ปีที่แล้ว

    awesome, but please zoom in your screen a little bet

  • @sumitmajumder8003
    @sumitmajumder8003 2 ปีที่แล้ว

    fully rubish. code size is very littlebit. I don't see proper code

  • @CURIOSITYcapital
    @CURIOSITYcapital ปีที่แล้ว

    Ohhh shit windows. I can't code on windows too hard. Cmd is a crap. Linux is just better in my opinion