zlodiak

Вот например:

class Result<T>{
  public readonly result;
  constructor(result: T){
    this.result = result;
  }  
}

class NumberResult extends Result<number>{
  constructor(result: number){
    super(result);
  }

  public ResultPlusOne(){
    return this.result + 1;
  }
}

Result<T> - это открытый дженерик, то есть в будущем на месте T должен быть указан другой\типы или типы для того чтобы создавать экземпляры класса.
Если мы захотим, например, на место Т поставить number и создать экземпляр класса
let result = new Result<number>(42)
то компилятор для этого создаст закрытый дженерик который будет выглядеть примерно так, но вы его нигде не увидите:

class Result{
  public readonly result;
  constructor(result: number){
    this.result = result;
  }  
}

Запись class NumberResult extends Result<number>
Означает наследование от такого класса Result в котором на место T уже подставлен конкретный тип

Работать оно будет вот так https://stackblitz.com/edit/angular-ivy-fz6fbx?fil...
Просто из-за '**' дело не доходит до роутов дочернего модуля. Теперь 404 будет выбрасываться только когда были проверены все доступные пути.

https://stackoverflow.com/questions/53769401/angul...

Здесь useEffect не нужен. Замените его на useMemo или вообще не используйте никаких хуков, сразу доставайте нужное значение.

Удалите console.log(users.json())

https://github.com/whatwg/fetch/issues/196#issueco...

const styles = () => ({
  wrapper: {
    background: 'red',
    color: 'blue',
    '& h1':  {
      color: 'green',
      '& a': {
        color: 'magenta',
      }
    },
  },
});

Соответственно, при отрисовке компонента только wrapper и указываете.

1. Зачем вы вешаете слушатель на реф?

useEffect(() => {
  titleRef.current.addEventListener('keyup', addTodo); // <-- ???
  return () => titleRef.current.removeEventListener('keyup', addTodo);
}, [])

2. Зачем вы используете фрагмент, когда возвращаете всего один элемент?

return (
   <> // <-- ???
    <input 
      type="text" 
      value={ title } 
      onChange={ e => setTitle(e.target.value) } 
      ref={ titleRef }
    />
  </> // <-- ???
);

3. Не используйте свойство keyCode оно является устаревшим, вместо него вы можете использовать key.

function addTodo(e) {
  if(e.keyCode === keyCodeEnter) { // <-- e.key === "Enter"
    props.addTodoCreator({
      title: title,
      isCompleted: false,
      color: 0,
    });
  }
}

Измените ваш код на этот:

const Header = ({ addTodoCreator }) => {
  const [title, setTitle] = useState("");

  const addTodo = (e) => {
    if (e.key === "Enter") {
      addTodoCreator({
        title: title,
        isCompleted: false,
        color: 0,
      });
    }
  };

  return (
    <input
      type="text"
      value={title}
      onChange={(e) => setTitle(e.target.value)}
      onKeyUp={addTodo}
    />
  );
};

const [ form, setForm ] = useState({
  login: '',
  password: '',
});

const onChange = ({ target: t }) => setForm({ ...form, [t.name]: t.value });

<input name="login" value={form.login} onChange={onChange} />
<input name="password" value={form.password} onChange={onChange} />

<input type="text" onChange={e => setForm({ ...form, login: e.target.value })} />
<input type="text" onChange={e => setForm({ ...form, password: e.target.value })} />

Забыл обернуть компонент в connect из redux

case 'SET_MESSAGE':
  return {
    ...state,
    messages: [ ...state.messages, action.payload ],
  };

window.state = store.getState() <-- содержит результат функции
замените на:
window.state = store.getState <-- содержит ссылку на функцию

сейчас у вас в window.state попадает Объект и нигде больше не изменяется

https://jsfiddle.net/m1hb8jua/

У вас есть имплементация для getColor. Уберите

abstract class Figure {
    getArea(): void{
        console.log("Not Implemented")
    }
    abstract getColor(): void // {} <<<<<<<<<<<<<<
}
class Rectangle extends Figure{
  getColor() {
    console.log('is red');
  }
}

// const f = new Figure(); // error
const r = new Rectangle();
console.log(r)
r.getArea();
r.getColor();