{"id":2247,"date":"2018-04-20T21:27:19","date_gmt":"2018-04-21T02:27:19","guid":{"rendered":"https:\/\/www.wiredprairie.us\/blog\/?p=2247"},"modified":"2018-04-20T21:27:19","modified_gmt":"2018-04-21T02:27:19","slug":"class-decorator-with-typescript-and-react","status":"publish","type":"post","link":"https:\/\/www.wiredprairie.us\/blog\/index.php\/archives\/2247","title":{"rendered":"Class Decorator with TypeScript and React"},"content":{"rendered":"<p>The syntax for creation and use of a class decorator written in TypeScript that works with a React.js component wasn&#8217;t obvious &#8230;, so I thought I&#8217;d document it here.<\/p>\n<p>The decorator takes a constructor\/class which could be used how ever you&#8217;d like (or substituted for something else entirely).<\/p>\n<div class=\"oembed-gist\"><script src=\"https:\/\/gist.github.com\/wiredprairie\/a405d3eda19b8ceccb26f67ffe84b3fe.js\"><\/script><noscript>View the code on <a href=\"https:\/\/gist.github.com\/wiredprairie\/a405d3eda19b8ceccb26f67ffe84b3fe\">Gist<\/a>.<\/noscript><\/div>\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>The syntax for creation and use of a class decorator written in TypeScript that works with a React.js component wasn&#8217;t obvious &#8230;, so I thought I&#8217;d document it here. The decorator takes a constructor\/class which could be used how ever you&#8217;d like (or substituted for something else entirely). View the code on Gist. &nbsp;<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"spay_email":"","jetpack_publicize_message":"","jetpack_is_tweetstorm":false,"jetpack_publicize_feature_enabled":true},"categories":[4,29],"tags":[],"jetpack_publicize_connections":[],"jetpack_featured_media_url":"","jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/pd5QIe-Af","jetpack_likes_enabled":true,"jetpack-related-posts":[{"id":2052,"url":"https:\/\/www.wiredprairie.us\/blog\/index.php\/archives\/2052","url_meta":{"origin":2247,"position":0},"title":"MobX and TypeScript Experiement","date":"October 25, 2016","format":false,"excerpt":"I wanted to give MobX a try, in particular from TypeScript. Here\u2019s my first attempt. I liberally used the documentation example found within\u00a0createTransformer\u00a0as my guide. [javascript] import \"core-js\"; import { observable, autorun, createTransformer } from \"mobx\"; \/* The store that holds our domain: boxes and arrows *\/ class Store implements\u2026","rel":"","context":"In &quot;Coding&quot;","img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":2211,"url":"https:\/\/www.wiredprairie.us\/blog\/index.php\/archives\/2211","url_meta":{"origin":2247,"position":1},"title":"Flutter.io First Impressions","date":"February 22, 2018","format":false,"excerpt":"I've been tinkering with Flutter.io for a few days now and wanted to document a few early impressions. It uses the programming language Dart. I'd looked at a lot of Dart code when it was first announced, but hadn't looked at it much since. I couldn't see it gaining meaningful\u2026","rel":"","context":"In &quot;Coding&quot;","img":{"alt_text":"Dart home page, May 2018","src":"https:\/\/i0.wp.com\/www.wiredprairie.us\/blog\/wp-content\/uploads\/2018\/02\/2018-02-22-07_23_39-Dart-programming-language-_-Dart.png?resize=350%2C200&ssl=1","width":350,"height":200},"classes":[]},{"id":2241,"url":"https:\/\/www.wiredprairie.us\/blog\/index.php\/archives\/2241","url_meta":{"origin":2247,"position":2},"title":"TS2688 with TypeScript, React Native, and MobX","date":"March 1, 2018","format":false,"excerpt":"To\u00a0preserve my sanity if I should run into this again....\u00a0 I created a React Native project, ejected it, and then converted it to use TypeScript. Things were going well until I started to use MobX. The following error occurred: node_modules\/mobx\/lib\/utils\/utils.d.ts(1,23): error TS2688: Cannot find type definition file for 'node'. Something\u2026","rel":"","context":"In &quot;Coding&quot;","img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":723,"url":"https:\/\/www.wiredprairie.us\/blog\/index.php\/archives\/723","url_meta":{"origin":2247,"position":3},"title":"Silverlight Stopwatch class in C#","date":"March 1, 2009","format":false,"excerpt":"I needed a simple method for doing some timings in Silverlight. Silverlight lacks the high performance query counter that is available natively in Windows (and available in .NET 3.5 for example), but it does have a TickCount. My code (mostly) mirrors the existing .NET Stopwatch class using the TickCount property\u2026","rel":"","context":"In &quot;Coding&quot;","img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":568,"url":"https:\/\/www.wiredprairie.us\/blog\/index.php\/archives\/568","url_meta":{"origin":2247,"position":4},"title":"Data Binding and Tooltips in Silverlight","date":"September 19, 2008","format":false,"excerpt":"Have you ever wanted to databind a tooltip in Silverlight (or WPF for that matter), and found that the DataContext isn't available for tooltips (the datacontext is null)? It's very annoying. Tooltips, unfortunately, aren't connected to their parents in anyway when they're created, so they loose the ability to connect\u2026","rel":"","context":"In &quot;Coding&quot;","img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":215,"url":"https:\/\/www.wiredprairie.us\/blog\/index.php\/archives\/215","url_meta":{"origin":2247,"position":5},"title":"The ReaderWriterLock Slims down &#8230;. (in .NET 3.5)","date":"May 8, 2008","format":false,"excerpt":"I've been doing .NET 3.5 development for quite a few months, and didn't realize until today that there's a new \"improved\" ReaderWriterLock, called ReaderWriterLockSlim. (I never thought to look for a completely new class!). From the documentation, it significantly improves the performance of uses of the old ReaderWriterLock, has simplified\u2026","rel":"","context":"In &quot;Coding&quot;","img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]}],"_links":{"self":[{"href":"https:\/\/www.wiredprairie.us\/blog\/index.php\/wpjson\/wp\/v2\/posts\/2247"}],"collection":[{"href":"https:\/\/www.wiredprairie.us\/blog\/index.php\/wpjson\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.wiredprairie.us\/blog\/index.php\/wpjson\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.wiredprairie.us\/blog\/index.php\/wpjson\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.wiredprairie.us\/blog\/index.php\/wpjson\/wp\/v2\/comments?post=2247"}],"version-history":[{"count":1,"href":"https:\/\/www.wiredprairie.us\/blog\/index.php\/wpjson\/wp\/v2\/posts\/2247\/revisions"}],"predecessor-version":[{"id":2248,"href":"https:\/\/www.wiredprairie.us\/blog\/index.php\/wpjson\/wp\/v2\/posts\/2247\/revisions\/2248"}],"wp:attachment":[{"href":"https:\/\/www.wiredprairie.us\/blog\/index.php\/wpjson\/wp\/v2\/media?parent=2247"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.wiredprairie.us\/blog\/index.php\/wpjson\/wp\/v2\/categories?post=2247"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.wiredprairie.us\/blog\/index.php\/wpjson\/wp\/v2\/tags?post=2247"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}