Classify component values as props, local state, derived render values, or refs.
Sort each value from a searchable customer table into its React role. Props Local state Derived during render Ref / non-rendering mutable value customers loaded by the parent page and passed in query typed into the search input showArchived toggled by a checkbox visibleCustomers from filtering customers by query and archive flag resultCount from visibleCustomers.length searchInputRef used to focus the input after reset debounceTimerRef holding a timeout ID onSelectCustomer callback passed from parent
Sign up free — one personalized lesson every day, matched to your role and goals.
Already have an account? Sign in