Skip to content

[Refactor] Migrate Context API State to Zustand for Performance #470

@Aditya948351

Description

@Aditya948351

Description

Currently, we are using deeply nested React Context providers for global state (like Theme, UI state, User preferences). This causes unnecessary re-renders of the entire component tree when minor state changes happen.

Proposed Solution

  1. Install zustand.
  2. Create a global store for UI/Theme preferences.
  3. Replace useContext hooks in individual components with Zustand selectors to ensure components only re-render when their specific piece of state changes.

Expected Outcome

A significantly faster React tree with zero unnecessary re-renders.

Metadata

Metadata

Assignees

No one assigned

    Labels

    gssoc26This is a official GirlScript Summer of Code label.level:intermediateIntermediate level issuestype:refactor

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions