cupcakearmy/typescript-talk
1
0
Fork 0
mirror of https://github.com/cupcakearmy/typescript-talk.git synced 2024-12-22 08:06:31 +00:00
Code Issues Packages Projects Releases Wiki Activity

Future section

Browse Source
This commit is contained in:
cupcakearmy 2019-10-03 19:02:58 +02:00
parent e10c6d95f7
commit 977f362795
1 changed files with 48 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

60
index.html
View File

@ -27,7 +27,8 @@
var link = document.createElement('link');
link.rel = 'stylesheet';
link.type = 'text/css';
link.href = window.location.search.match(/print-pdf/gi) ? 'https://unpkg.com/reveal.js/css/print/pdf.css' : 'https://unpkg.com/reveal.js/css/print/paper.css';
link.href = window.location.search.match(/print-pdf/gi) ? 'https://unpkg.com/reveal.js/css/print/pdf.css' :
'https://unpkg.com/reveal.js/css/print/paper.css';
document.getElementsByTagName('head')[0].appendChild(link);
</script>
</head>
@ -424,18 +425,17 @@
</code></pre>
</section>
<section>
<h2>Also there are...</h2>
<ul>
<li>Exclude & Extract</li>
<li>Record</li>
<li>NonNullable</li>
<li>ReturnType</li>
<li>InstanceType</li>
<li>ThisType</li>
</ul>
</section>
<h2>Also there are...</h2>
<ul>
<li>Exclude & Extract</li>
<li>Record</li>
<li>NonNullable</li>
<li>ReturnType</li>
<li>InstanceType</li>
<li>ThisType</li>
</ul>
</section>
</section>
<section>
<section>
<h2>Examples</h2>
@ -524,6 +524,42 @@
</code></pre>
</section>
</section>
<section>
<section>
<h2>Future</h2>
</section>
<section>
<h3>Optional Chaining</h3>
<i>TS 3.7</i>
<pre class="fragment"><code data-trim class="hljs">
a && a.b && a.b.c // 🤬
</code></pre>
<pre class="fragment"><code data-trim class="hljs">
a?.b?.c // 🚀
</code></pre>
</section>
<section>
<h3>Null Coalescing</h3>
<i>TS 3.7</i>
<pre class="fragment fade-in-then-semi-out"><code data-trim class="hljs">
something || 'default'
</code></pre>
<pre class="fragment fade-in-then-semi-out"><code data-trim class="hljs">
false || 'default' // => 'default'
0 || 'default' // => 'default'
</code></pre>
<pre class="fragment"><code data-trim class="hljs">
something ?? 'default' // 🚀
</code></pre>
<pre class="fragment"><code data-trim class="hljs">
0 ?? 'default' // => 0
false ?? 'default' // => false
</code></pre>
<pre class="fragment"><code data-trim class="hljs">
(something === null || something === undefined) ? something : 'default'
</code></pre>
</section>
</section>
</div>
</div>