Pular para o conteúdo
Skillpedia
Código em geral41 mil · #4880

modern-javascript-patterns

Permite ao agente usar recursos modernos do JavaScript para escrever código limpo e eficiente. Ele aplica padrões como async/await e programação funcional.

O que ela faz

Este guia ensina como usar as versões mais recentes do JavaScript (chamadas ES6+) para escrever código mais limpo, rápido e fácil de entender. Ele cobre recursos como 'async/await' e 'destructuring'.

Quando usar

  • ✓Quando você tem um código antigo em JavaScript e quer atualizá-lo.
  • ✓Ao querer escrever um código mais organizado e fácil de ler.
  • ✓Se você precisa lidar com operações que levam tempo, como buscar dados na internet.

Exemplo do que pedir para a IA

“Como posso atualizar este código JavaScript antigo para usar recursos modernos?”

Quer saber mais? Abra as seções abaixo.

Como usar

O jeito mais fácil: copie a mensagem abaixo e cole no Claude, ChatGPT, Cursor ou outra IA. Ela lê a skill e segue as instruções.

Link da skill

https://github.com/wshobson/agents/blob/main/plugins/javascript-typescript/skills/modern-javascript-patterns/SKILL.md

Mensagem pronta para colar

Use esta skill para me ajudar: https://github.com/wshobson/agents/blob/main/plugins/javascript-typescript/skills/modern-javascript-patterns/SKILL.md Leia o arquivo SKILL.md desse link e siga as instruções dele na minha tarefa.
Como funciona

A IA usa as melhores práticas e exemplos do guia para mostrar como reescrever seu código. Ela foca em usar as novas funcionalidades do JavaScript para torná-lo mais eficiente e legível.

Instalação

Jeito mais fácil: copie o link da skill e cole no Claude, ChatGPT ou Cursor pedindo para seguir as instruções.

No terminal (Claude Code, Codex, Cursor), na pasta do projeto:

npx skills add wshobson/agents --skill modern-javascript-patterns

Ou baixe só o arquivo:

curl -L https://raw.githubusercontent.com/wshobson/agents/main/plugins/javascript-typescript/skills/modern-javascript-patterns/SKILL.md -o SKILL.md
Conteúdo técnico (SKILL.md)

Tradução do texto original do autor no GitHub. Os comandos e códigos estão como no original.

Padrões Modernos de JavaScript

Guia completo para dominar recursos modernos de JavaScript (ES6+), padrões de programação funcional e as melhores práticas para escrever código limpo, de fácil manutenção e com bom desempenho.

Quando Usar Esta Habilidade

  • Refatorar JavaScript legado para sintaxe moderna
  • Implementar padrões de programação funcional
  • Otimizar o desempenho do JavaScript
  • Escrever código de fácil manutenção e leitura
  • Trabalhar com operações assíncronas
  • Construir aplicações web modernas
  • Migrar de callbacks para Promises/async-await
  • Implementar pipelines de transformação de dados

Padrões Detalhados e Exemplos Práticos

A documentação detalhada dos padrões está em references/details.md. Leia este arquivo quando o nível de navegação acima for insuficiente.

Melhores Práticas

  1. Use const por padrão: Use let apenas quando a reatribuição for necessária
  2. Prefira funções de seta (arrow functions): Especialmente para callbacks
  3. Use template literals: Em vez de concatenação de strings
  4. Desestruture objetos e arrays: Para um código mais limpo
  5. Use async/await: Em vez de cadeias de Promises
  6. Evite mutar dados: Use o operador spread e métodos de array
  7. Use optional chaining (?.): Evite "Cannot read property of undefined"
  8. Use nullish coalescing (??): Para valores padrão
  9. Prefira métodos de array: Em vez de loops tradicionais
  10. Use módulos: Para melhor organização do código
  11. Escreva funções puras: Mais fáceis de testar e entender
  12. Use nomes de variáveis significativos: Código autoexplicativo
  13. Mantenha funções pequenas: Princípio da responsabilidade única
  14. Trate erros adequadamente: Use try/catch com async/await
  15. Use strict mode: 'use strict' para melhor detecção de erros

Para armadilhas comuns (this binding, anti-padrões de Promise, vazamentos de memória), veja references/advanced-patterns.md.

Perguntas frequentes

O que são 'ES6+'?

São as versões mais recentes da linguagem JavaScript, que trouxeram muitas melhorias e novas funcionalidades para facilitar a vida dos programadores.

O que é 'async/await'?

É uma forma mais simples de lidar com tarefas que demoram, como baixar informações da internet, sem que o resto do programa pare de funcionar.

O que significa 'refatorar código'?

Refatorar é reescrever o código existente para melhorá-lo, sem mudar o que ele faz. É como organizar e limpar a casa sem mudar os móveis de lugar.

Detalhes

Descrição original do autor

Master ES6+ features including async/await, destructuring, spread operators, arrow functions, promises, modules, iterators, generators, and functional programming patterns for writing clean, efficient JavaScript code. Use when refactoring legacy code, implementing modern patterns, or optimizing JavaScript applications.

repo: wshobson/agents

Popularidade

Estrelas no GitHub
41 mil
Posição no ranking
#4880
Licença
MIT
Atualizada em
15/10/2026

Essa skill é útil?

0

Entre para votar.

Comentários

  • …

Mais skills deste repositório

Skills parecidas