dillon1000/react
Commit
Browse files Event Replaying (#16725)
* Add Event Replaying Infra * Wire up Roots and Suspense boundaries, to retry events, after they commit * Replay discrete events in order in a separate scheduler callback * Add continuous events These events only replay their last target if the target is not yet hydrated. That way we don't have to wait for a previously hovered boundary before invoking the current target. * Enable tests from before These tests were written with replaying in mind and now we can properly enable them. * Unify replaying and dispatching * Mark system flags as a replay and pass to legacy events That way we can check if this is a replay and therefore needs a special case. One such special case is "mouseover" where we check the relatedTarget. * Eagerly listen to all replayable events To minimize breakages in a minor, I only do this for the new root APIs since replaying only matters there anyway. Only if hydrating. For Flare, I have to attach all active listeners since the current system has one DOM listener for each. In a follow up I plan on optimizing that by only attaching one if there's at least one active listener which would allow us to start with only passive and then upgrade. * Desperate attempt to save bytese * Add test for mouseover replaying We need to check if the "relatedTarget" is mounted due to how the old event system dispatches from the "out" event. * Fix for nested boundaries and suspense in root container This is a follow up to #16673 which didn't have a test because it wasn't observable yet. This shows that it had a bug. * Rename RESPONDER_EVENT_SYSTEM to PLUGIN_EVENT_SYSTEM
Changed paths25 files
First-parent comparisonpackages/legacy-events/EventPluginHub.js ModifiedM packages/legacy-events/EventSystemFlags.js ModifiedM packages/legacy-events/PluginModuleType.js ModifiedM packages/legacy-events/ResponderEventPlugin.js ModifiedM packages/legacy-events/__tests__/ResponderEventPlugin-test.internal.js ModifiedM packages/react-dom/src/__tests__/ReactDOMServerPartialHydration-test.internal.js ModifiedM packages/react-dom/src/__tests__/ReactServerRenderingHydration-test.js ModifiedM packages/react-dom/src/client/ReactDOM.js ModifiedM packages/react-dom/src/client/ReactDOMComponentTree.js ModifiedM packages/react-dom/src/client/ReactDOMHostConfig.js ModifiedM packages/react-dom/src/events/BeforeInputEventPlugin.js ModifiedM packages/react-dom/src/events/ChangeEventPlugin.js ModifiedM packages/react-dom/src/events/EnterLeaveEventPlugin.js ModifiedM packages/react-dom/src/events/ReactBrowserEventEmitter.js ModifiedM packages/react-dom/src/events/ReactDOMEventListener.js ModifiedA packages/react-dom/src/events/ReactDOMEventReplaying.js AddedM packages/react-dom/src/events/SelectEventPlugin.js ModifiedM packages/react-dom/src/events/SimpleEventPlugin.js ModifiedM packages/react-native-renderer/src/ReactFabricEventEmitter.js ModifiedM packages/react-native-renderer/src/ReactNativeBridgeEventPlugin.js ModifiedM packages/react-native-renderer/src/ReactNativeEventEmitter.js ModifiedM packages/react-reconciler/src/ReactFiberCommitWork.js ModifiedM packages/react-reconciler/src/ReactFiberTreeReflection.js ModifiedM packages/react-reconciler/src/forks/ReactFiberHostConfig.custom.js ModifiedM packages/shared/HostConfigWithNoHydration.js ModifiedPatch
Files changed
Rendering syntax-highlighted changes…