IamLRBA / IamLRBA/Banner-Designer-WebApp

Refactor InteractiveBanner.js into modular components

Open
#20 0 comments 0 reactions 1 assignee Claimed by @IamLRBA View on GitHub
enhancement good first issue
Dominant language
JavaScript
Stars
9
Forks
2
PR merge metrics
No merged PRs in 30d

Description

To achieve this:

- Create all these new component files in the components folder.
- Update any imports as needed.
- Keep all the existing state and handlers in InteractiveBanner.jsx.
- Pass down the necessary props to each component.

Such a breakdown:

- Keeps all functionality exactly the same.
- Makes the code more maintainable.
- Follows the single responsibility principle.
- Makes each component easier to test and modify.
- Improves readability.

**NOTE**:
- The app Should continue to work exactly as before, but now with a much cleaner component structure.
- Each component is responsible for a specific part of the UI and its functionality.

Contributor guide

Open the contributing guide

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.