Wes Bos & Scott Tolinski - Full Stack JavaScrip...

Zpravodajství

Technologické zprávy

Technika

741: TypeScript Interview Questions -  STUMP’d

Syntax - Tasty Web Development Treats

Full Stack Developers Wes Bos and Scott Tolinski dive deep into web development topics, explaining how they work and talking about their own experiences. They cover from JavaScript frameworks like React, to the latest advancements in CSS to simplifying web tooling.

Wes and Scott tackle TypeScript trivia, from combining string literal types to unraveling the mystery of d.ts files. Join them as they challenge each other on conditional types, interfaces, triple-slash directives, and TypeScript records. <h3 class="code-line" data-line-start="2" data-line-end="3"><a id= "Show_Notes_2"></a>Show Notes</h3> <ul> <li class="has-line-data" data-line-start="4" data-line-end="5"> <a href="#t=00:00">00:00</a> Welcome to Syntax!</li> <li class="has-line-data" data-line-start="5" data-line-end="6"> <a href="https://www.typescriptlang.org/">TypeScript</a></li> <li class="has-line-data" data-line-start="6" data-line-end="7"> <a href="#t=01:05">01:05</a> Brought to you by <a href="www.sentry.io/syntax">Sentry.io</a>.</li> <li class="has-line-data" data-line-start="7" data-line-end="8"> <a href="#t=03:20">03:20</a> How do you combine string literal types?</li> <li class="has-line-data" data-line-start="8" data-line-end="9"> <a href= "https://www.typescriptlang.org/docs/handbook/2/template-literal-types.html"> Template Literal Types</a></li> <li class="has-line-data" data-line-start="9" data-line-end="10"> <a href="#t=06:34">06:34</a> What is a TypeScript Generic and why would you use one?</li> <li class="has-line-data" data-line-start="10" data-line-end="11"> <a href= "https://www.typescriptlang.org/docs/handbook/2/generics.html">TypeScript Generics</a></li> <li class="has-line-data" data-line-start="11" data-line-end="12"> <a href="#t=08:12">08:12</a> How do you write a conditional type?</li> <li class="has-line-data" data-line-start="12" data-line-end="13"> <a href= "https://www.typescriptlang.org/docs/handbook/2/conditional-types.html"> TypeScript Conditional Types</a></li> <li class="has-line-data" data-line-start="13" data-line-end="14"> <a href="#t=09:58">09:58</a> Generating TypeScript type from a function.</li> <li class="has-line-data" data-line-start="14" data-line-end="15"> <a href= "https://www.typescriptlang.org/docs/handbook/release-notes/typescript-3-6.html"> Stricter Generators</a></li> <li class="has-line-data" data-line-start="15" data-line-end="16"> <a href="#t=14:09">14:09</a> How do d.ts files work?</li> <li class="has-line-data" data-line-start="16" data-line-end="17"> <a href= "https://www.typescriptlang.org/docs/handbook/declaration-files/templates/module-d-ts.html"> Module .d.ts</a></li> <li class="has-line-data" data-line-start="17" data-line-end="18"> <a href="#t=16:25">16:25</a> Name one difference between a type and an interface.</li> <li class="has-line-data" data-line-start="18" data-line-end="19"> <a href= "https://www.typescriptlang.org/play#example/types-vs-interfaces">Types vs Interfaces</a></li> <li class="has-line-data" data-line-start="19" data-line-end="20"> <a href="#t=19:15">19:15</a> What is a tripple-slash directive and why would you use them?</li> <li class="has-line-data" data-line-start="20" data-line-end="21"> <a href= "https://www.typescriptlang.org/docs/handbook/triple-slash-directives.html"> Tripple-Slash Directives</a></li> <li class="has-line-data" data-line-start="21" data-line-end="22"> <a href="#t=20:52">20:52</a> What is a TypeScript record and what is it used for?</li> <li class="has-line-data" data-line-start="22" data-line-end="24"> <a href= "https://www.typescriptlang.org/docs/handbook/utility-types.html">Utility Types</a></li> </ul> <h3 class="code-line" data-line-start="24" data-line-end="25"> <a id="Hit_us_up_on_Socials_24"></a>Hit us up on Socials!</h3> Syntax: <a href="https://twitter.com/syntaxfm">X</a> <a href= "https://www.instagram.com/syntax_fm/">Instagram</a> <a href= "https://www.tiktok.com/@syntaxfm">Tiktok</a> <a href= "https://www.linkedin.com/company/96077407/admin/feed/posts/">LinkedIn</a> <a href="https://www.threads.net/@syntax_fm">Threads</a> Wes: <a href="https://twitter.com/wesbos">X</a> <a href= "https://www.instagram.com/wesbos/">Instagram</a> <a href= "https://www.tiktok.com/@wesbos">Tiktok</a> <a href= "https://www.linkedin.com/in/wesbos/">LinkedIn</a> <a href= "https://www.threads.net/@wesbos">Threads</a> Scott:<a href="https://twitter.com/stolinski">X</a> <a href= "https://www.instagram.com/stolinski/">Instagram</a> <a href= "https://www.tiktok.com/@stolinski">Tiktok</a> <a href= "https://www.linkedin.com/in/stolinski/">LinkedIn</a> <a href= "https://www.threads.net/@stolinski">Threads</a> Randy: <a href="https://twitter.com/randyrektor">X</a> <a href= "https://www.instagram.com/randyrektor/">Instagram</a> <a href= "https://www.youtube.com/@randyrektor">YouTube</a> <a href= "https://www.threads.net/@randyrektor">Threads</a>

Wes and Scott tackle TypeScript trivia, from combining string literal types to unraveling the mystery of d.ts files. Join them as they challenge each other on conditional types, interfaces, triple-slash directives, and TypeScript records.
 Show Notes  00:00 Welcome to Syntax!
 TypeScript

 01:05 Brought to you by Sentry.io.
 03:20 How do you combine string literal types?
  Template Literal Types

 06:34 What is a TypeScript Generic and why would you use one?
 TypeScript Generics

 08:12 How do you write a conditional type?
  TypeScript Conditional Types

 09:58 Generating TypeScript type from a function.
  Stricter Generators

 14:09 How do d.ts files work?
  Module.d.ts

 16:25 Name one difference between a type and an interface.
 Types vs Interfaces

 19:15 What is a tripple-slash directive and why would you use them?
  Tripple-Slash Directives

 20:52 What is a TypeScript record and what is it used for?
 Utility Types

  Hit us up on Socials! Syntax: X Instagram Tiktok LinkedIn Threads
 Wes: X Instagram Tiktok LinkedIn Threads
 Scott:X Instagram Tiktok LinkedIn Threads
 Randy: X Instagram YouTube Threads

Aplikace Youradio Talk

741: TypeScript Interview Questions - STUMP’d

Poslechněte si podcast