DEV Community

Cover image for Learn EasyCode: Plan & Build Features
Paul Li for EasyCode

Posted on • Originally published at easycode.ai

Learn EasyCode: Plan & Build Features

In this series, we will explore EasyCode features and specific use cases that developers use to build faster.

Planning Features

You have a feature/task, but you don't yet know:

  • where to get started in the codebase - which files are relevant?
  • what kind of changes to make - what does solution look like?

"Plan A Feature" can be used to get a list of files that needs to be added/modified, and the type of changes to make within these files.

Note, the goal is to get a high level understanding of solution shape, ie, a roadmap; NOT the exact code to implement the feature. For implementation, see the “Building Features" section below.

You can either provide very high level prompt to the AI such as:

➡️ Add the ability to delete multiple items

Alternatively, you can be more specific in what you'd like to see in the solution, such as:

*➡️ Add the ability to delete multiple items, re-use the logic in @Delete.jsx

Codebase Planning

Once you receive the first answer, quickly review it to make sure it's following the right direction. You may notice that EasyCode:

🔎 found some files that you may not have considered -> take a look at these files to enhance your understanding.
❓ suggested a solution, but you don't understand -> ask for clarifications or explanations as a follow up question.
🔪 suggested an incomplete solution, due to missing details or requirements -> add the additional details or requirements as follow up questions.
↪️ suggested a valid approach, but you want to take a different approach -> Tell the AI the approach you want in follow ups.
💯 suggested the right High Level plan -> start implementation.

Building Features

In general, 2 things improve the quality of the AI answer:

  • detailed prompt with requirements and instructions
  • specify (file level) context to the AI
💡 **Quick tip**: Use the '@' system to tell AI exactly which files to consider as context.

Imagine we want to add a new feature where we can bulk delete multiple items in a list.

❌ Bad Prompt:  Add ability to bulk delete items.

🆗 Decent Prompt@Item.jsx @Lists.jsx @Delete.jsx Add ability to bulk delete items.

✅ Good Prompt:

Good Prompt Example


At EasyCode, our mission is to help serious engineers spend more time on work that matters to them, by spending less time on boilerplate code.

Top comments (0)