I've got a project written in ES6 with webpack as my bundler. Most of the transpiling works fine, but when I try to include decorators anywhere, I get this error:   Decorators are not supported yet in 6.x pending proposal update.   I've loo...

I have a typescript decorator factory which console logs total time taken to execute a function, actual function execution results and parameters passed to the decorator as well.  e.g.   export function performaceLog(...args: any[]) { return (target:...

I am trying to get a decorator pattern to work follwing  http://www.joezimjs.com/javascript/javascript-design-patterns-decorator/  I might have missed some point but the pattern does not work as i expect.  If i add two decorators and add them to a cl...

I'm learning redux and see that the examples in the doc use connect in this signature:  const VisibleTodoList = connect(   mapStateToProps,   mapDispatchToProps )(TodoList)   But in other places from other repos I've also seen this-  @connect...

I am learning Redux with React and stumbled upon this code. I am not sure if it is Redux specific or not, but I have seen the following code snippet in one of the examples.  @connect((state) => {   return {     key: state.a.b   }; })   While the f...

I’m creating simple application using React Redux. I want to use decorator to inject some methods in my component.. I saw similar code in other projects:  import React, { Component } from 'react'; import { connect } from 'react-redux...

I have been under the impression that decorators in TypeScript are called after the constructor of a class. However, I was told otherwise, for instance, the top answer of this post claims that Decorators are called when the class is declared—not wh...

I would like to write a method decorator that conditionally prevents the execution the method or to replace the method with some other procedure. In particular I want different behavior based on when it is called on the client or on the server:  func...

I am building a simple mapping between frontend/backend data structure. In order to do that I've created a decorator that looks like the following:  function ApiField(     apiKey: string,     setFn: (any) => any = (ret) => ret,     getFn: (...

I want to be sure that all my onClick event are next to a onKeyDown event.  I will use eslint-plugin-jsx-a11y to ensure this. But in code, It is a way to do this generic. I mean, it will be annoying to do all the time:   if(event.keyCode === 13){...