How To Configure TypeScript in NodeJS - Beginners Tutorial

Поділитися
Вставка
  • Опубліковано 2 жов 2024
  • Best Tech Resume Template: papermoontech....
    Use code: PEDRO for 20% off ^
    Commands:
    - sudo yarn global add typescript
    - yarn add express nodemon ts-node @types/express @types/node typescript
    - tsc --init
    Code: github.com/mac...
    In this video I will teach you guys how to configure TypeScript in a nodejs and express api.
    -
    🚀 Learn ReactJS By Building 6 Projects: codedamn.com/l...
    💻 PedroTech Discord: / discord
    -
    Social
    ▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬
    Website: machadopedro.com
    Twitter: / pedrotech_
    Linkedin: / machadop1407
    Instagram: / _pedro.machado_
    Github: github.com/mac...
    Email: machadop1407@gmail.com
    Equipments I Use:
    ▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬
    🌟 Algorithm Book To Pass Coding Interviews: amzn.to/2Z2CirS
    🌟 Microphone: amzn.to/2MKAm4V
    🌟 Keyboard: amzn.to/3d0QauN
    🌟 HD Webcam: amzn.to/3tMpJPD
    🌟 Room LED Lights: amzn.to/3a5mFGp
    Tags:
    - Axios
    - Fetch
    - ReactJS Tutorial
    - ReactJS and MySQL
    - NodeJS Tutorial
    - API Tutorial

КОМЕНТАРІ • 55

  • @faris.abuali
    @faris.abuali 2 роки тому +1

    Thanks Pedro!
    I love your videos

  • @Landon_Hughes
    @Landon_Hughes 3 роки тому

    This is a great getting started with TypeScript guide! Thanks!!

  • @AsinHonore
    @AsinHonore 5 місяців тому

    Thanks a lot 🙏we really appreciate your videos

  • @prajwalmore7554
    @prajwalmore7554 Рік тому

    Thanks man. very heplful

  • @davidlin8589
    @davidlin8589 Рік тому +1

    Does it need the webpack to support the outdir and the outfile variable? It doesn't show this error message - "error TS6082: Only 'amd' and 'system' modules are supported alongside --outFile." ?

  • @milanthakur4975
    @milanthakur4975 Рік тому +1

  • @mateidragutu1001
    @mateidragutu1001 3 роки тому +2

    thanks man for this vid, it would be cool if you can make more like a simple blog react+node all typescript.

    • @PedroTechnologies
      @PedroTechnologies  3 роки тому +3

      Glad you liked it! Yeah, tbh I think that the best project to teach the bascis of something is a todo-list. I never wanted to make a video on it because there are already many great videos on a todolist in react. Im thinking maybe I can make one in typescript, cause it will teach a lot of how it works in a full project.

    • @mateidragutu1001
      @mateidragutu1001 3 роки тому

      @@PedroTechnologies like you said its way more common a todo list, but a simple blog is, in my opinion, the best option cuz it have post, get, maybe delete methods and a front end(react) and a backend(node).

  • @moatazemad666
    @moatazemad666 6 місяців тому

    thanks for tutorial but i have some notes you need to explain more because you shortcut things

  • @apeiron4409
    @apeiron4409 3 роки тому +3

    nice tutorial! Want to watch more typescript video!

  • @vikasni95
    @vikasni95 3 роки тому

    Hello frnd plz make video on how to use aws for react and nodejs developer,, happy to see tht video..

  • @developer_zino
    @developer_zino 2 роки тому

    Thanks, this is very nice👌

  • @ThColinPereira
    @ThColinPereira 3 роки тому

    Thanks for the amazing video

  • @YOitsBA
    @YOitsBA 2 роки тому +1

    When you install specific types for things like express, do you import them from the type package? Or are they merged in with the regular package?

  • @juanpabloarroyave9156
    @juanpabloarroyave9156 3 роки тому +1

    Thank youuuu, i start learn typescript

  • @siamekanto
    @siamekanto 3 роки тому +2

    What theme are you using on VS Code?

  • @marcscherzer
    @marcscherzer Рік тому

    How would you import { Request, Response } from 'express' in CommonJS syntax?

  • @komicproductions3887
    @komicproductions3887 2 роки тому

    I think you shouldn’t need to use sudo to install npm packages. If that’s the case probably you need to fix your permissions.

  • @mohammedmehdi1940
    @mohammedmehdi1940 Рік тому

    i love ur videos

  • @Matter743
    @Matter743 2 роки тому

    if we create new folder in src let's say controller folder then to I have to change the config file or it will automatically create folder inside the build

  • @charleschannel1839
    @charleschannel1839 Рік тому

    great video

  • @adetonwaayodeji9815
    @adetonwaayodeji9815 2 роки тому

    I love you man

  • @siva_geddada
    @siva_geddada Рік тому

    For 1 file it's fine. in the project, we have more than one file, right? how compile all the files at a time

  • @itsnobledean9450
    @itsnobledean9450 10 місяців тому

    how is he still in school at the recording of this video? he's a freaking genius!

  • @keduslejiyared8701
    @keduslejiyared8701 3 роки тому +1

    3rd

  • @tarcisiosouza5417
    @tarcisiosouza5417 Рік тому

    Show!

  • @davidagyakwa288
    @davidagyakwa288 3 роки тому +1

    what about importing other typescript files

  • @adventurer2395
    @adventurer2395 2 роки тому

    Great job explaining the concepts as you go along! Are you Brazilian?

  • @lfnkf
    @lfnkf Рік тому +1

    Seu ingles eh muito bom

    • @PedroTechnologies
      @PedroTechnologies  Рік тому +1

      Obrigado! Eu tive o privilégio de aprender inglês ao mesmo tempo em que eu aprendi português.

  • @parhamsaeednia
    @parhamsaeednia 3 роки тому

    What was the purpose of installing ts-node? you didn't use it!

  • @prasanthmanimaran5158
    @prasanthmanimaran5158 3 роки тому

    Hey brother, is it complex to install typescript in an existing nodeJS project with 7-9 npm dependencies (e.g. bcrypt, mysql, multer, etc)? Thank you so much

  • @maciejmyslinski7820
    @maciejmyslinski7820 3 роки тому

    In case if I want to handle some view engine, then where should I place public folder (js, css,imgs)? It should be inside or outside src?

  • @mdmoinmoin8888
    @mdmoinmoin8888 2 роки тому

    Thank you so much this was the only video that helped me.

  • @teosurch
    @teosurch Рік тому

    Thank you so much for your help!

  • @henriquefr4543
    @henriquefr4543 2 роки тому

    Você fala inglês muito bem mano, até me enganou aqui kkkk, só fui me ligar que era brasileiro quando vi o nome no terminal.

  • @tegaogheneovo5881
    @tegaogheneovo5881 3 роки тому +1

    thank you

  • @kumaramresh7905
    @kumaramresh7905 3 роки тому

    i didn't understood build command what is -p flag and why you put a '.' there?

    • @flaviokonti5522
      @flaviokonti5522 3 роки тому

      So check typescript docs compiler options, its all there

  • @linhnhat4036
    @linhnhat4036 Рік тому

    I was change file tsconfig.json.

  • @tonyhaddad7153
    @tonyhaddad7153 3 роки тому +1

    Amazing bro!

  • @raphaelbudin6053
    @raphaelbudin6053 2 роки тому

    Você fala inglês muito bem cara, parabéns !

  • @hijuliansosa
    @hijuliansosa 3 роки тому

    Thanks, it's really useful!

  • @mdjahidulislam9205
    @mdjahidulislam9205 2 роки тому

    'ts-node' is not recognized as an internal or external command,
    operable program or batch file.

    • @zeroj7492
      @zeroj7492 2 роки тому +1

      I also got the same error.so instead of using ts-node package I installed ts-node-dev package in project folder and then in package.json file I used "start":"tsnd ./src/index.ts" instead of "node ./src/index.ts"..and it worked.do the same

    • @mdjahidulislam9205
      @mdjahidulislam9205 2 роки тому +1

      @@zeroj7492 npm 7 and 8 has this issue with nodemon.

  • @recreando3966
    @recreando3966 3 роки тому +1

    don't upload node_module to github it's bad practice

  • @sureshadhi9847
    @sureshadhi9847 3 роки тому

    👌🤩😍