TypeScript : More than just another JS transpiler
summary
TypeScript claims to be just JavaScript plus optional annotations and proves it by compiling TS/TSX with ts-loader + webpack into browser JavaScript while catching real errors: wrong operand types, accidental bitwise vs logical operators, closure capture bugs from var vs let. It provides transpiler and linter in one, structural typing and incremental migration via tsconfig and .d.ts/DefinitelyTyped files, demos show a simple React TSX app rendering correctly and converting an existing JS codebase that surfaces seven compile-time errors.
AI-written summary · about
chapters (9)
- 0:00Start
- 11:57Prevent Bugs
- 15:26Better Documentation
- 22:29Code Mirror
- 25:01Demo
- 31:31React App Written in Typescript
- 31:52Why React Is Awesome
- 46:10The Source Code of Your Project and the Configuration Options and It's Actually Very Easy all That I Need To Do within My Compiler Options Is Just Tell It that a Large S because I Have Aj's File a Bunch of J's Files within My Project and Then As Soon as You Do that because It's Going To Have To Transpile Them It's Going To Have To Move Them from some Source Directly to a Destination Directly I See that There's a Dist Folder Here So I'Ll Just Go Ahead and Specify an Out Dar As Well as the Dist Folder and Then I'M Going To Tell Stipes Kept All the Files That Are To Be Included within My Project and All the Source Code Seems To Be inside the Source Folder It Isn't but Let's Just Go with that Assumption so a Source Get every Start of J's from that Folder and because I'M Actually Going To Be Migrating into Ts I'M Just Going To Go Ahead and the Ts As Well
- 49:13Here's an Example So if I Go Ahead and Define a Function over Here and I Specify that the Function Always Takes some Argument that Schiphol Not Let Me Call this Function without an Argument Why Would You Have a Function That Takes an Argument and Not Call It without an Argument It Makes no Sense It's Going To Force You To Have that However within Javascript People Write this Code All the Time That They Have Functions that When They Take Optional Arguments because There Is no Way of Annotating It That's Keeping a Lot Hurt You for Using Javascript It'Ll Try To Help You As Much as It Can but It CanNot Provide Static Guarantees That You Actually Get from Something That Is Designed To Be Statically Analyzable So if You Want Something That Is Optional Touch Will Actually Force You down the Path of that Is Optional and this Is Something That People Run into When They Think about that Did They Open Up a Taxi Father Start Writing Code and Then Test It Starts Screaming at Them that this Is Unsafe
