Refactor Social Buttons into Configurable HOCs for Enhanced Modularity and Reusability

[angelxmoreno]

Objective:

To reduce redundancy and simplify the management of social login buttons within the react-native-social-buttons library by refactoring the existing components into a more modular and reusable structure using a generic base component and specific Higher-Order Components (HOCs).

Problem:

Currently, each social button (Amazon, GitHub, etc.) is defined with its own component, leading to significant code duplication and increased maintenance effort. Each component separately defines very similar styles and behaviors.

Proposed Solution:

Implement a single generic SocialButton component that encapsulates the common functionality and styling shared across different social buttons. Utilize a factory function to create HOCs for each specific social platform, which will be configured with unique properties such as colors, logos, and default texts. This approach will allow:

• Ease of adding new social buttons by simply defining a new configuration.
• Central management of common behaviors like handling presses, which improves maintainability.
• Customizability on the fly for each button, allowing overriding of default styles and properties when necessary.

Benefits:

• Reduced Code Duplication: Minimizes repetitive code across components, leading to a cleaner codebase.
• Improved Scalability: Makes adding or updating social buttons simpler and more systematic.
• Enhanced Flexibility: Facilitates customization and integration into different parts of applications without modifying the core logic.

Rationale:

This proposal aims to streamline the development and maintenance of social buttons within the library, aligning with best practices in software design for modularity and reusability.