<p class="has-line-data" data-line-start="7" data-line-end="8">In this Hasty Treat, Scott and Wes talk about the Typescript <code>strict</code> flag — what it does and why you might use it.</p> <h2 class="code-line" data-line-start="9" data-line-end="10"><a id= "Sanity__Sponsor_9" name="Sanity__Sponsor_9"></a>Sanity - Sponsor</h2> <p class="has-line-data" data-line-start="10" data-line-end="11"> <a href="http://sanity.io/">Sanity.io</a> is a real-time headless CMS with a fully customizable Content Studio built in React. Get a Sanity powered site up and running in minutes at <a href= "https://www.sanity.io/create">sanity.io/create</a>. Get an awesome supercharged free developer plan on <a href= "https://www.sanity.io/syntax">sanity.io/syntax</a>.</p> <h2 class="code-line" data-line-start="12" data-line-end="13"> <a id="LogRocket__Sponsor_12" name= "LogRocket__Sponsor_12"></a>LogRocket - Sponsor</h2> <p class="has-line-data" data-line-start="13" data-line-end="14"> LogRocket lets you replay what users do on your site, helping you reproduce bugs and fix issues faster. It’s an exception tracker, a session re-player and a performance monitor. Get 14 days free at <a href= "https://logrocket.com/syntax">logrocket.com/syntax</a>.</p> <h2 class="code-line" data-line-start="15" data-line-end="16"> <a id="Show_Notes_15" name="Show_Notes_15"></a>Show Notes</h2> <p class="has-line-data" data-line-start="16" data-line-end="17"> 02:50 - What is it?</p> <ul> <li class="has-line-data" data-line-start="17" data-line-end="19"> Future versions of TypeScript may introduce additional stricter checking under this flag, so upgrades of TypeScript might result in new type errors in your program. When appropriate and possible, a corresponding flag will be added to disable that behavior.</li> </ul> <p class="has-line-data" data-line-start="19" data-line-end="20"> 03:26 - <code>noImplicitAny</code></p> <ul> <li class="has-line-data" data-line-start="20" data-line-end="21"> The <code>any</code> type in TypeScript is exactly that - it can be anything.</li> <li class="has-line-data" data-line-start="21" data-line-end="22"> TypeScript will try to <code>infer</code> the type. When it can’t it will be <code>any</code>.</li> <li class="has-line-data" data-line-start="22" data-line-end="23"> Sometimes you need <code>any</code>, but if that is the case, you must explicitly type it as <code>any</code>.</li> <li class="has-line-data" data-line-start="23" data-line-end="25"> If something is implicitly <code>any</code> - it might be a mistake, or you forgot to type it. Risky!</li> </ul> <p class="has-line-data" data-line-start="25" data-line-end="26"> 06:01 - <code>noImplicitThis</code></p> <ul> <li class="has-line-data" data-line-start="26" data-line-end="28"> You must type <code>this</code> - it can’t be implicitly inferred.</li> </ul> <p class="has-line-data" data-line-start="28" data-line-end="29"> 06:47 - <code>strictFunctionTypes</code></p> <ul> <li class="has-line-data" data-line-start="29" data-line-end="31"> If you have a type that is a function and it doesn’t 100%.</li> </ul> <p class="has-line-data" data-line-start="31" data-line-end="32"> 07:44 - <code>alwaysStrict</code></p> <ul> <li class="has-line-data" data-line-start="32" data-line-end="34"> Always turns on strict mode. You can’t do things like redeclare <code>var</code> variables.</li> </ul> <p class="has-line-data" data-line-start="34" data-line-end="35"> 09:25 - <code>strictNullChecks</code></p> <ul> <li class="has-line-data" data-line-start="35" data-line-end="36"> Makes you check that the item is actually there before accessing a value or method from it.</li> <li class="has-line-data" data-line-start="36" data-line-end="37"> Imagine you filter or find on an array, or query selector a DOM element. There is a possibility that nothing is there. <code>strictNullChecks</code> makes you check that it’s there - like an if statement.</li> <li class="has-line-data" data-line-start="37" data-line-end="39"> Optional chaining is super handy here.</li> </ul> <p class="has-line-data" data-line-start="39" data-line-end="40"> 11:18 - <code>strictBindCallApply</code></p> <p class="has-line-data" data-line-start="41" data-line-end="42"> 12:38 - <code>strictPropertyInitialization</code></p> <p class="has-line-data" data-line-start="43" data-line-end="44"> 13:37 - <code>useUnknownInCatchVariables</code></p> <h2 class="code-line" data-line-start="45" data-line-end="46"> <a id="Links_45" name="Links_45"></a>Links</h2> <ul> <li class="has-line-data" data-line-start="46" data-line-end="48"> <a href= "https://www.typescriptlang.org/tsconfig#strict">https://www.typescriptlang.org/tsconfig#strict</a></li> </ul> <h2 class="code-line" data-line-start="48" data-line-end="49"> <a id="Tweet_us_your_tasty_treats_48" name= "Tweet_us_your_tasty_treats_48"></a>Tweet us your tasty treats!</h2> <ul> <li class="has-line-data" data-line-start="49" data-line-end="50"> <a href="https://www.instagram.com/stolinski/">Scott’s Instagram</a></li> <li class="has-line-data" data-line-start="50" data-line-end="51"> <a href= "https://www.instagram.com/LevelUpTutorials/">LevelUpTutorials Instagram</a></li> <li class="has-line-data" data-line-start="51" data-line-end="52"> <a href="https://www.instagram.com/wesbos/">Wes’ Instagram</a></li> <li class="has-line-data" data-line-start="52" data-line-end="53"> <a href="https://twitter.com/wesbos">Wes’ Twitter</a></li> <li class="has-line-data" data-line-start="53" data-line-end="54"> <a href="https://www.facebook.com/wesbos.developer">Wes’ Facebook</a></li> <li class="has-line-data" data-line-start="54" data-line-end="55"> <a href="https://twitter.com/stolinski">Scott’s Twitter</a></li> <li class="has-line-data" data-line-start="55" data-line-end="56"> Make sure to include <a href= "https://twitter.com/SyntaxFM">@SyntaxFM</a> in your tweets</li> </ul>

Podurama

Home

Trending

Personal

Your Podcasts

New Episodes

My Files

Favourite Episodes

Tags (Folders)

Recently Played

Bookmarks

Followed Playlists

Hasty Treat - TypeScripts Strict Explained

Syntax - Tasty Web Development Treats