Using Typescript in Node.js

How to setup and use Typescript in Node.js
----
If you like cooking, checkout my side project: www.mysaffrona...
----
Join the Discord: / discord
----
Patreon: / benawad
----
Follow Me Online Here:
Twitch: / benawad
GitHub: github.com/ben...
LinkedIn: / benawad
Instagram: / benawad97
Twitter: / benawad
#benawad
TikTok: / benawad ​
​
----
Follow me online: voidpet.com/be...
#benawad

[@zokalyx]

I've never been so excited for getting more squiggly red lines

[@otisbraxton4653]

I know im asking the wrong place but does any of you know of a way to log back into an Instagram account?? I stupidly forgot my password. I appreciate any assistance you can offer me!

[@tysondaniel2419]

@Otis Braxton instablaster =)

[@DuraanAli]

4:26 "No demon is ganna watch our files" lol

[@govind22703]

😂😂

[@uran1980video]

Hi, Ben. Greate video! Please, do more videos for practical usage of typescript in regular projects. Thanks a lot

[@bawad]

Sure

[@craigjohnson8279]

Great video Ben! I'm glad that you did this from scratch. That way we can code along.

[@maxiequa567]

Awesome introduction to the subject Ben, your enthusiasm for TS is also highly motivating, thanks.

[@srinivasvalekar9904]

9:36 saved days of restarting visual code for me. Thanks Ben. Subscribed and bookmarked this video.

[@bawad]

Welcome :) you might also like my vscode tips video: benawad.com/vscode

[@neociber24]

People that write entire projects in JS are absolute madman.

[@illya_ike]

it is good to know that you can escape type limitations with type any, but it is better not to show this trick to juniors )) as they will use any way too much, turning typescript code into JavaScript defeating the purpose.

[@BuildWithAITools]

The best intro to typescript.

[@bawad]

thanks!

[@adriannlara]

with Vim extension you can G + D to go to definition

[@mahendraverma3459]

Hi Ben, This is a great tutorial for starting to work on node. I will appreciate if you could make a video to use the same code (library) in browser and as well as in server.

[@hamzehhanandeh3647]

Thank you

[@Voldeblort]

13:12 "... when you know your code is right." So never 🤣🤣

[@juancamiloq1]

Awesome video as always Ben.

[@zephieethan7168]

just explained what i was wondering about. thanks, Ben.

[@akovn107]

Hi Ben. thanks for your great tutorial, I wonder how do you get those auto suggestions on terminal? what should I use to get that? I'm on Linux by the way.

[@simopr09]

Thanks Ben! great tutorial. Definitely subscribing! keep up the good work

[@nikoszervo]

watch this at 2x speed. In 10 minutes I learned quite a lot of stuff!!!

[@RafiqueMohammed]

Subscribed rightaway! Please upload more video and also cover nodejs without using express! Awesome tutorial !!

[@deveshmeena2573]

Amazing video! Really helped me understand typescript a lot better.

[@akashshrestha01]

great more videos on ts + node plz

[@zlatkoiliev8927]

Hey Ben, really good stuff! I wasted so much time wondering how can I attach new prop to the req object and still make typescript happy. I have one issue with casting it to any, when I am trying to catch the user in a middleware I will have to cats req to any on that place too. Is there any way I can maybe extend the namespace or extend the type and use it globally instead?!? I wish I have the type definitions for req and just add the props I need.

[@krasen4oo]

So much time spent on casting as any, ts-ignore, and avoiding the type errors. Learning to use types correctly is much more valuable.

[@barnabaskalydy6260]

Great video, thank you!

[@tech3425]

Cool stuff!

[@zik9326]

Great, it help me a lot. Thanks Ben!

[@keivansf3459]

Thanks for this

[@talhakhan3010]

hey ben, this is a very concise video.. thank u very much... :)

[@Yo-yx8wo]

wow, amazing video, all the we need in just one place, thank you so much

[@MaxPicAxe]

I agree with using interface for objects

[@gabrielaugusto6001]

oh dude, thank u so much for this video!

[@bronze_painter]

Super informative. Thank you for doing this! Subscribed!

[@inanbunyamin]

Thank you for the video. Would you please tell me which bash you are using in your vscode terminal?

[@bhavinpatil8020]

Brilliant it helped me in my work thanks!

[@RoyerAdames]

You make great videos

[@itsdavidmora]

So helpful!

[@elEntrampe]

Its like magic ! thanks for the videos!

[@taylorcantwell7973]

excellent scontent chap

[@thangphan6047]

Thank you so much.

[@TheLondekZdroj]

Very amusing video, looks like you're reading somebody else's examples not quite understanding what's what. :D

[@ethancollins5807]

Why watch a tutorial if you feel like you’re above it? Not gonna get far in the tech community if you belittle others.

[@shijinnath9065]

Awesome video. Thank you for doing the video

[@undonejs]

Thanks Ben! Your video is really cool, and you type code so fast! It seems that you used vscode + vim, right?Could you please tell me how to config that? or what things should I learn?

[@bawad]

yeah: benawad.com/vim benawad.com/vscode

[@SpooningTreesap86]

How do you get color coded intellisense hints like at 6:00 such as the function keyword being blue, params a lighter blue with types as green etc? My intellisense hints are just white or grey

[@vaibhavm1986]

Very informative

[@haiderimam8977]

5:52 how did the dropdown appear?? also can we somehow see the dropdown even if we aren't destructuring?

[@oussamasethoum2755]

Thank You ❤

[@italogothardo]

thx for share this content! =D

[@rocktonicy7688]

very useful Thanks

[@dhidhi1000]

"An async function or method in ES5/ES3 requires the 'Promise' constructor" Cannot create a simple demo without running into errors in the first 10 seconds, typescript is very nice

[@flodemonnn]

How are you getting color in the "Read more" pop-up from Intellisense ? 6:38 ?

[@bawad]

I'm not sure, I don't remember turning on a setting for it just always been like that

[@arkadiuszcholewa5617]

Hi! How you set up fish terminal in VS Code?

[@bawad]

gist.github.com/benawad/1e9dd01994f78489306fbfd6f7b01cd3#file-settings-json-L50

[@arkadiuszcholewa5617]

@@bawad Thank you! :)

[@obinna_okechukwu]

Thanks for the video. What's your suggestion of a workflow for development and deployment of a TypeScript node application. Say for instance a GraphQL server written in TypeScript. Do I build, then upload the build to the server or upload the ts files to the server and then build there is some other elegant continous integration workflow. Thanks in advance.

[@bawad]

depends what your using to host your project sounds like you may be using a vps. For that you can just build your code locally and upload it to the vps

[@obinna_okechukwu]

@@bawad yea, I use a vps. Thanks for your suggestion. Appreciate!

[@zindev]

Hey Ben, as you type here at 10:09 the intellisense automatically show up telling you the types. How you'd set that?

[@bawad]

benawad.com/vscode

[@АлександрКот-ъ9х]

How to debug ts?

[@Steve-Richter]

How does downstream code in express know that middleware has added properties to the request object?

[@bawad]

I usually do an if statement

[@Luxcium]

Can you review my TypeScript VsCode theme of colour and syntax coloring ?? Pop N’ Loc Theme by Luxcium in the extention store

[@bawad]

looks pretty good

[@Luxcium]

Ben Awad too many hours in the development of that theme I cannot believe les than 6 months later 5000 person using it !!!

[@kid_kulafu_1727]

youre my hero!

[@stxnw]

as of now, ts-node-dev doesn't work on the latest version of TS

[@husreihn1070]

What do you use for cli, your cli hints you what you are going to type next... Can i use this in windows as well? whats the name of that cli? or plugin

[@bawad]

fishshell.com/

I noticed that people are very often confused about interface vs type so i recently published a whole article just about this: pawelgrzybek.com/typescript-interface-vs-type/ Great vide o Ben as always. Keep on doing an amazing work!

[@kps2642]

woah awesome read, thanks

[@piyushaggarwal5207]

No Demon 😆

[@pranjalagnihotri6072]

ts-node does not work with path aliases

[@RehanKhan-xf3ml]

What do you use for terminal auto complete

[@ericsmith9293]

Z shell + autosuggestions plugin or fish

[@JurajPecháč]

Difference between tsc --init and npx tsc --init?

[@devianllert8192]

Npx installs a dependency, executes and then deletes

[@Max-xp3tf]

Noice

[@treezc8136]

Thanks alogototltltlgglgltltototototoyotoyototottototototoooooo love you ben :)

[@Steve-Richter]

Why use yarn instead of npm? Any advantages?

[@bawad]

seems to be faster for me

[@milon27]

how to deploy it

[@donkey7921]

says this is for beginners, proceeds to use 'yarn'...

[@soulninjadev]

how does he not have a node_modules folder

[@jacoblee6230]

4:17 Anyone know how he removed code inside double quote ?

[@bawad]

vim hotkey: ct" kzbin.info/www/bejne/f5raeJWZmZ2Gbas

[@rohanbansal3099]

An alternative that lets you place your cursor anywhere in the double quotations (and not just the first character) is `di"`. Also works for brackets, curly braces, parentheses etc.

[@rizaanjappie]

Or you could use asp.net core webapi

[@everyhandletaken]

Or you could not

[@RafaelMendes-yw2jm]

Why you never import any file, is that the way you program things? sounds very spaghetti!

[@bhaveshkumar9995]

Hi Ben, with this tsconfig : github.com/benawad/node-ts-graphql-boilerplate/blob/master/tsconfig.json It is working fine with ts-node-dev --respawn src/index.ts command When I do build using tsc -w -p ./tsconfig.json and run node file under dist folder it is giving me error (function (exports, require, module, __filename, __dirname) { import { Field, ID, ObjectType } from "type-graphql"; ^ SyntaxError: Unexpected token { Any idea?

[@yuriihusak1959]

13:15 you are not right! you are mutating req object, that is why you have this behaviour. req and res are object which provide you their API to use , do not user them as some kind of containers for you random props. 14:58 - just set with default value (a: number, b: number = 0) and stop making this mess

[@MAC0071234]

Exactly!! Thank You. I see it so often, that the people who are so stuck up and vocal about "Typescript" are the ones who can't code properly even the simple stuff. And I am like, "oh now I understand, why they say that typescript helps them catch so many silly errors". And by the like to dislike ratio you can tell that there are probably 18 people as of now who know how to code. Typescript is great but if you don't know how to code, then you are going to make more errors than a person who knows how to code will ever make in javascript or any other language.

[@chetan9533]

but middlewares often do need to attach a property to request object so info can be passed onto next call. what's the correct way to handle that?

[@yuriihusak1959]

@@chetan9533 that is the right observation and questions! 1) think of how to wrap middlewares with a function that provides an additional argument which can be used for storing the data 2) think of having a global (within the file) Map object where keys are req objects and values are the extra data. Of course in this case you have to think how to clean up data in the end, but that shouldn't be difficult

[@yuriihusak1959]

@@chetan9533 there are more approaches you can think of

[@yeicore]

Node but it's Deno

[@theacid1]

What the heck is yarn

[@everyhandletaken]

If you use npm, don’t worry about it :)

[@mma.madallangusstawmmasill2403]

Gusttaw mmä

[@andrewsabato6887]

That code looks disgusting. You job now on is to fix typescript errors, yeah no thanks.

[@everyhandletaken]

In English please?..