Persist showRaw and hiddenLabel Checkbox example

[lucasferreiralimax]

Implement local storage persistence for the showRaw and hiddenLabel checkbox states to allow users to retain these preferences across page reloads. This enhancement will save the selected states, ensuring a more consistent user experience.

Requirements

1. Initialize State from localStorage:

   • Load initial values for the showRaw and hiddenLabel checkboxes from localStorage.
   • If no value exists in localStorage, default to false for both states.

2. Update localStorage on State Change:

   • Whenever the showRaw or hiddenLabel checkbox is toggled, update the value in localStorage to persist the setting.

3. Acceptance Criteria:

   • The showRaw and hiddenLabel states should persist after page reload.
   • If the user clears localStorage, the checkboxes should reset to their default values (false).

Technical Implementation

1. State Initialization:

   • Use localStorage.getItem to initialize showRaw and hiddenLabel as booleans.

2. State Persistence:

   • Use React’s useEffect to monitor changes to each checkbox state and update localStorage when changes occur.