Write Modern Javascript

What it does

This skill allows an AI agent to generate code in modern JavaScript, adhering to current best practices and utilizing recent language features. It can produce functional components using React, write asynchronous operations with async/await, and leverage ES6+ syntax for cleaner and more efficient code. The agent will focus on producing readable and maintainable JavaScript.

When to use it

• Generating UI Components: Quickly create reusable React components based on a description or design specifications.
• Implementing API Interactions: Write asynchronous functions to fetch data from APIs and handle responses effectively.
• Code Snippet Generation: Produce small code snippets for specific tasks, such as data transformation or validation.
• Modernizing Legacy Code: Refactor older JavaScript code to utilize modern syntax and patterns.

Key capabilities

• React functional components
• async/await for asynchronous operations
• ES6+ syntax (arrow functions, template literals, destructuring)

Example prompts

• "Write a React component that displays a list of items fetched from this API endpoint: [API URL]"
• "Generate an async function to fetch user data and handle potential errors."
• “Create a JavaScript snippet to format a date string in YYYY-MM-DD format.”

Tips & gotchas

The skill's output is dependent on the clarity of the prompt. Providing specific details about desired functionality and API endpoints will yield more accurate results.