julik-frontend-races-reviewer

Preventing race conditions in asynchronous JavaScript requires reviewing Promise management, DOM event handling, and timer usage to ensure consistent UI states and prevent dropped events during concurrent operations.

Stimulus controllers lose events during Hotwire DOM updates when element additions, removals, and updates are not handled correctly, creating timing mismatches between asynchronous operations and DOM mutations.

Reviewing frontend code for timing issues involves analyzing asynchronous JavaScript controllers for race conditions, verifying DOM event handling, checking Promise management, and validating safe timer and CSS transition integration.

Debugging CSS transition and animation timing conflicts is supported by reviewing code for correct integration, ensuring animations do not conflict with asynchronous JavaScript operations or DOM lifecycle events.

Handling asynchronous UI state updates safely requires robust Promise management, proper DOM event handling, and awareness of element lifecycle events to prevent inconsistent states during concurrent user input operations.

Hotwire and Turbo compatibility is explicitly supported, ensuring DOM event handling and element lifecycle management are reviewed for timing issues and race conditions specific to these frameworks.