Definições do Jquery para Typescript

Agora, vamos verificar se existe algum arquivo d.ts para o jQuery:

npm run typings search jquery

Várias outras bibliotecas são listadas e a boa notícia é que realmente existe um arquivo para o jQuery. Agora, vamos baixá-lo, mas usando a seguinte sintaxe:

node ./node_modules/typings/dist/bin install dt~jquery --global --save

Além do nosso arquivo alurapic/client/typings.json agora conter a definição que baixamos, a pasta alurapic/typings foi criada e dentro dela temos a definição.

Ë uma boa prática baixar todos as definições de tipos listadas em nosso projeto quando baixamos suas dependências. Para evitarmos esquecer esse passo, podemos executar o comando typing install que baixará todas as definições listadas em typings.json ao término do comando npm installl. Ë por isso que adicionaremos em alurapic/client/package.json um script de postinstall:

// alurapic/client/package.json
// código anterior omitido
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1",
    "tsc:w": "tsc -w",
    "start": "npm run tsc:w",
    "typings": "typings",
    "postinstall": "typings install" 
  },
// código posterior omitido

Excelente! Agora precisamos alterar o método remove do componente ListagemComponent. Ele agora deve receber também como parâmetro um PainelComponentCom o PainelComponent da foto que estamos removendo em mãos, podemos chamar seu método fadeOut e assim que o efeito terminar, removemos a foto da lista com a posição que recebemos