Why does the `useSyncExternalStore`docs example call `getSnapshot` 6 times on store update?

This page summarizes the projects mentioned and recommended in the original post on /r/reactjs

Our great sponsors
  • SurveyJS - Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App
  • InfluxDB - Power Real-Time Data Analytics at Scale
  • WorkOS - The modern identity platform for B2B SaaS
  • React

    The library for web and native user interfaces.

  • Look at the code of use-sync-external-store inside React repo here - https://github.com/facebook/react/blob/main/packages/use-sync-external-store/src/useSyncExternalStoreShimClient.js And you will quickly realize they are calling getSnapshot internally multiple times. Not sure if possible with code-sandbox but locally you can modify code in node_modules and debug/console.log to see whats going on

  • devtools

    Replay.io DevTools (by replayio)

  • I made a Replay recording of the sandbox:

  • SurveyJS

    Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App. With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.

    SurveyJS logo
NOTE: The number of mentions on this list indicates mentions on common posts plus user suggested alternatives. Hence, a higher number means a more popular project.

Suggest a related project

Related posts