JS Fundamentals - Decorators

<p class="has-line-data" data-line-start="0" data-line-end="1">In this Hasty Treat, Scott and Wes talk about whether decorators are finally here, what the uses cases are for decorators, how to define a decorator, and what auto accessor is.</p> <h2 class="code-line" data-line-start="2" data-line-end="3"><a id= "Show_Notes_2"></a>Show Notes</h2> <ul> <li class="has-line-data" data-line-start="4" data-line-end="5"> <strong><a href="#t=00:25">00:25</a></strong> Welcome</li> <li class="has-line-data" data-line-start="5" data-line-end="6"> <strong><a href="#t=01:00">01:00</a></strong> Are decorators finally here?</li> <li class="has-line-data" data-line-start="6" data-line-end="7"> <a href= "https://github.com/tc39/proposal-decorators/blob/master/EXTENSIONS.md"> TC39 proposal</a></li> <li class="has-line-data" data-line-start="7" data-line-end="8"> <a href= "https://github.com/tc39/proposal-decorators#how-does-this-proposal-compare-to-other-versions-of-decorators"> How this compares to other versions of decorators</a></li> <li class="has-line-data" data-line-start="8" data-line-end="9"> <strong><a href="#t=06:47">06:47</a></strong> What are use cases for decorators?</li> <li class="has-line-data" data-line-start="9" data-line-end="10"> <strong><a href="#t=10:55">10:55</a></strong> How do you define a decorator?</li> <li class="has-line-data" data-line-start="10" data-line-end="12"> <strong><a href="#t=14:20">14:20</a></strong> Auto Accessor</li> </ul> <p class="has-line-data" data-line-start="12" data-line-end="13">on classes</p> <pre><code class="has-line-data" data-line-start="15" data-line-end="18">@loggged class C {} </code></pre> <p class="has-line-data" data-line-start="19" data-line-end="20">on fields</p> <pre><code class="has-line-data" data-line-start="22" data-line-end="26">class C { @logged x = 1; } </code></pre> <p class="has-line-data" data-line-start="27" data-line-end="28"> Auto Accessor</p> <pre><code class="has-line-data" data-line-start="30" data-line-end="34">class C { accessor x = 1; } </code></pr