No BS TS #1 - Typescript Setup & Everyday Types

[@nikakondra5321]

This playlist literally helped me to learn typescript few months ago (now I use it actively). Thank you Jack for everything especially for this course and all the value that you provide for your viewers!

[@sairaj5660]

Thank you so much, I am tired of undefined

[@martinemanuel8239]

Wooo you save my life with the "Record" explanation, I was stucked with an algorithm in typescript, thank you so much !!

[@MrKeepItTrill]

Came here because your React series was excellent, to the point where it allowed me to progress to build some of my own projects. Now I'm back to learn TS, and the first video is already great!

[@shobitdeshwal2962]

Jack, you''ve made it really easy to understand! I'm really excited to complete the series.

[@UnknownEntity606]

This is refreshing and useful as someone who just wants to hone their TS skills on the side coming from JS. Really appreciate this resource and will be checking out your other stuff,

[@abdoutanta]

These videos are no BS for sure, great quality!

[@emdadgar_official]

what means BS‌?

[@codingtraining0102]

@@emdadgar_official I think BS is bullsh*t. correct me if im wrong

[@CavalloGuido]

@@emdadgar_official I'm not a native speaker of English, but I thinks no BS means "No Bullshit". In other words it's means he talk with the truth.

[@adityatyagi4430]

This series is the best thing I have ever come across. Thank you so much for taking out time to make this and uploading it. This helped me become better at my job!

[@dazecm]

Great series of videos. As a newcomer to JavaScript coming from the type safe world of C++, TS really does make JavaScript a LOT more sane and your video series helped accelerate my path to JS sanity. The static analysis that TS provides sure does help me avoid shooting myself in the foot too. Thanks for sharing.

[@dazecm]

Also, NO BS TS = a great series title 🙂

[@pankajkhushalani]

I came across this playlist today after looking for a comparison on React Query and Redux Toolkit Query. I was planning to learn Typescript after learning a lot of React. Thank you for this series!

[@RaZziaN1]

Waiting for more. Please keep moving with that series, I am starting job with typescript so your series is HIGHLY APPRECIATED !!!

[@marlonlopez1096]

Nice video, i was stuck in a 2 hours course about TS basics, literally you saved me a lot of time.

[@EnLaMitad]

Wow this video was so worth the watch just for the cmd + K, cmd + I. The rest of the content was great as well.

[@Moonwalkerrabhi]

Thank you for this tutorial!, gonna complete whole playlist within a week

[@DanteMishima]

Javascript has Coerced.... I'm hooked

[@danieljimenezG]

Thank you for this high quality content! I wanted all this time to use typescript the right way.

[@Shakeel714]

Thanks Jack. Really nice tutorial on how to get started with Typescript.

[@Aspiiire]

Wow that's a legendary Playlist, thank you so much for your hard work and for the free content, I was just looking into TS well that'll help for sure! thanks again!

[@youjincha9237]

Thanks for great contents! I'm studying TS + React with this content 👍👍👍 from South Korea

[@nyambe]

Here I am in square one, took some notes!! great stuff. It is interesting that Records are on the first chapter. Is good to see as manipulate a los of data with objects.

[@maxklammer3370]

I just viewed your video on nextjs ssg and now checked out this one. I like this outro way more. It is so much more authentic. In the SSG video the outro sounds a bit like the end of a news show 😁🙈

[@konstantinospascal1892]

Are string[ ] and Array the same type, just written in different ways?

[@noir4356]

this is a really good program :) it really helps a lot, also for my job. a big thank you ! subbed !

[@skar123-e6j]

Love the no BS approach.

[@sreekar_s]

CMD + K and CMD + I is great tip 👍 . Thanks

[@jherr]

Right! So often I would be trying to figure out "What does Typescript think this thing is?" And then I realized I could pop the tip up any time I wanted it and it was like "Ahhhh.... yes!"

[@sreekar_s]

@@jherr This is one of the reason which makes me procrastinate learning TS. Bit of a weird syntax I should say. :'(

[@jherr]

@@sreekar_s Agreed. It is a little visually distracting, especially with generics. But the payoff is huge.

[@balaeinstein8710]

this is a great series . Thank you

[@jr-hp7er]

This is an awesome course Jack... :)

[@slikk66]

"typescript will tell me, no, you're not cool" lmao

[@alisonhj]

Really appreciate your videos! Keep up with the great work!

[@mas-ev]

@4:55 you copy and paste the type and replace everything to the left of your cursor. How did you do it? I also didn't see you highlight/copy the suggested text. Is it a plugin/command?

[@jherr]

I just do Cmd+K Cmd+I to bring up the popup then cursor up into the popup (that can be a little finicky sometimes) then select the `: ` section, hit Cmd+C (copy) and later Cmd+V (paste) where I want it.

[@MonLes-xt7gc]

Literally no bs!! I wish I didn't buy any online courses of typescript😂

[@chitrabarman8531]

Thanx bro, helpful for my d.ts files.

[@zykoz6826]

Thanks, for the quality content!

[@KuzyoYaroslav]

Awesome series! Thanks.

[@danielgaliziani2401]

another great lecture!, i will keep watching the whole series! PS:What theme are you using on VS? i liked it! cheers

[@jherr]

That's Apollo Midnight (hacked to add ligatures) and Monolisa.

[@rileydavidjesus]

You really know your stuff sir.

[@AbdelhameedG]

Thats good , thanks Jack!

[@dawid_dahl]

The sole reason I’m using TypeScript it because it can tell me I’m cool. 😎

[@arntor8353]

Can you active automatic translate for other languages pls? Thanks

[@RachidBoudjelida]

I wanna know when was the book last updated

[@kushankur857]

Hey can share your theme setup for vs-code. Really loved it!

[@jherr]

MonoLisa and Night Wolf [dark blue]

[@jibinkoshy2739]

how do you choose what to select between type vs interface .

[@jherr]

I generally choose `type` for functions but `interfaces` for everything else. The handbook has some good comparison content: www.typescriptlang.org/docs/handbook/2/everyday-types.html#differences-between-type-aliases-and-interfaces

[@sreekar_s]

1. Do we miss out on anything if I don't explicitly set the type and just proceed with default TS inferences? 2. Also if I'm saving any api response to a variable. What is the best way to handle this? Is it by manually defining the interface of api response? Thanks

[@jherr]

On #1, for a variable you will have an issue if you change the type. You should always type function parameters. And you should type function returns if they are different from the inferred types. On #2, you should create an interface for the response payload types.

[@k303k]

Thanks for the video Sir!

[@technikhil314]

Hey what are you using for zooming in? If its mac accessibility zoom how is it bluring the background of the zoom area??

[@jherr]

That's a built-in feature of ScreenFlow.

[@Peace8D]

Hey Jack, what is the VS Code theme you're using?

[@jherr]

I've switched it up. Now I'm on Night Wolf [dark blue].

[@Peace8D]

@@jherr Thanks a lot for your humble reply :)

[@adiscivgin]

Hi everyone, in which way is the safest to convert one type to another with the possibility to change property type if you want. For example in original one id: number in mapped type I am expecting to be able to set id: string. Thank you !

[@adiscivgin]

If someone need: 1. type MappedType = { [Key in keyof T]: T[Key] } 2. type ChartTaskModel = Omit & { id: string }; 3. let tasks: MappedType[] = [];

[@garvsharma8180]

Very nice video, just wanted to ask what is the shortcut in windows for 'CMD+K CMD+I' I tried it with ctrl but could not get it to work

[@jherr]

It's "Show Hover". So you can go to the Keyboard Shortcuts menu item in VS Code and type in "Show Hover" and see what it comes up with as key bindings.

[@garvsharma8180]

@@jherr Thank you for such a quick reply, I fixed the keybinding. This series is really great, always loved your content :)

[@JRVGON]

So, in the video, the error in Jack's tsconfig.json file just went away. I had to add my file manually. is this usually the case?

[@Yogesh-kr7bo]

what font and theme is this?? it looks good

[@ayoubahabchane]

No BS TS indeed 💙

[@travelsense9314]

Hi Jack, may I ask? Why does string += boolean not returning error? but boolean += string gives error "Type 'string' is not assignable to type 'boolean'."

[@jherr]

Because JS is going to coerce the boolean to a string and then add it to the string. It's debatable whether that is a good thing or not. But because TS is based on JS, and it's valid JS to do that coercion, then it's valid TS.

[@sagarreddy7461]

great explination

[@MostafaMohamed-uw4lf]

do you have full design pattern course in youtube?

[@larrystone654]

Thank you! So helpful.

[@succatash]

Any reason u are using ts-node over tsc?

[@Zechey]

first time I hear of using objects as maps instead of using the map JS provides, is this common? looks like a great series, will definitely be watching the rest as I feel just knowing react without having the typescript knowledge is useless nowadays

[@jherr]

Map can allow for any key type, but there are ease-of-use drawbacks. I use both, depending on the use case, but more often the object map.

[@ryanbiztech9181]

Nice Jazz Bass

[@fleckenfurz77]

Hi Jack, thx for your tutorial! One little question: why is it, that no node_modules folder is created after you installed typescript package?

[@fleckenfurz77]

2nd: I followed all the steps u made but: the error with the missing input in the ts-config doesnt go away! :/

[@MegaQseft]

What could be a reason that CMD + K CMD + I is not working / says 'No Suggestions' ?

[@jherr]

And you are on Visual Studio code? You also might need to install the Typescript extensions pack - marketplace.visualstudio.com/items?itemName=loiane.ts-extension-pack Though support for basic Typescript should be there by default.

[@MegaQseft]

Ah, ok. I see it when i hover over the cursor. Could you tell me the name of the action that your keybinding CMD + I is bound to? - It's 'show hover' - i fixed it. Love your content 👍

[@danielsalahi]

hey, jack, I had a question, what is your vscode theme and font? thanks

[@jherr]

Night wolf [dark] and operator mono

[@markambrus2934]

How up to date this tutorial is? :-)

[@abdellahcodes]

No BS indeed 😍

[@Karan60191]

I'm hooking up to this :)

[@rahulsriram6295]

Hey what's that font you're using?

[@jherr]

MonoLisa

[@1235niki]

Thanks Jack

[@kaituo1803]

What does no bs mean?

[@jherr]

"No bullshit". An American expression that means without anything extra, and in particular anything extra that you wouldn't want anyway.

[@kaituo1803]

@@jherr Thank you!

[@mike-2342]

Command k + command i is just "show hover" in vscode - no magic.

[@jherr]

Nothin' is magic. :)

[@dark9y8]

Can I learn typescript from scratch by following this playlist? I don't know TS.. thanks

[@jherr]

Yep.

[@dark9y8]

@@jherr Thanks 😁

[@xander9003]

I got the feeling inside my bones

[@hhlohmann3881]

"BS" is "bass sliding"?

[@jherr]

Hahaha, yep!

[@nerdbrainz]

Thank you.

[@alielb2130]

with you on this one (y)

[@technikhil314]

No BS TS for TS

[@Justenphelps]

Just a heads up! You missed an edit at around 2:05. Feel free to delete this comment after!

[@jherr]

Yeah, that happens. Can't catch everything. :)

[@brimmedHat]

bravo!

[@eder3232]

What means bs?

[@jherr]

No extra fluff. Right to the point.

[@naturegoggle]

Awesome

[@jackh3242]

I think the thumbnail for this video is wrong

[@jackh3242]

Also there is a weird #no under the video title. Maybe you meant to write no1. Great video though!

[@jherr]

My bad sorry about that. I was working on updating the thumbnails and I did put the wrong one on it.

[@jackh3242]

@@jherr no need to apologize! also the #no I was referring to is there on mobile because youtube doesn't allow the hyphen character in hashtags. Guess you'll have to use camel case for #no-bs-ts!

[@aspirinemaga]

I'm on 1st video but still don't get it. Why would anyone do such stupid concatenation of two variables with different types. You get an error, use debugging tool. Why overcomplicating by learning TS with all that stuff ? Does it really eliminates all the errors and bugs a developer could potentially make ? Only types checking.

[@lilsafmusic]

Because realistically, working on a large project sometimes you can pass in the wrong data to a method. You wouldnt know why there are errors TS helps debug this easier.

[@perdidonamultidao]

😀

[@mortezatourani7772]

8:21 you are not cool :D TS doesn't know who you are talking about ;)

[@jonasboardwalker]

So you are not a true Herrington

[@jherr]

Not if you ask any one of the hundreds of people I've given my last name to (including some bosses and coworkers) who spell my last name Harrington. I've even had people who I've emailed, on email systems that include my full name in the message, mess that up. 🤣 Not bitter at all though. Nope, not one bit.

[@albirtarsha5370]

Sweet content! Just comb your hair.

[@xander9003]

I got the feeling inside my bones