mirror of
https://github.com/zebrajr/react.git
synced 2025-12-06 12:20:20 +01:00
f172fa7461
Now that we no longer support Server Context, we can now deduplicate objects. It's not completely safe for useId but only in the same way as it's not safe if you reuse elements on the client, so it's not a new issue. This also solves cyclic object references. The issue is that we prefer to inline objects into a plain JSON format when an object is not going to get reused. In this case the object doesn't have an id. We could potentially serialize a reference to an existing model + a path to it but it bloats the format and complicates the client. In a smarter flush phase like we have in Fizz we could choose to inline or outline depending on what we've discovered so far before a flush. We can't do that here since we use native stringify. However, even in that solution you might not know that you're going to discover the same object later so it's not perfect deduping anyway. Instead, I use a heuristic where I mark previously seen objects and if I ever see that object again, then I'll outline it. The idea is that most objects are just going to be emitted once and if it's more than once it's fairly likely you have a shared reference to it somewhere and it might be more than two. The third object gets deduplicated (or "detriplicated"). It's not a perfect heuristic because when we write the second object we will have already visited all the nested objects inside of it, which causes us to outline every nested object too even those weren't reference more than by that parent. Not sure how to solve for that. If we for some other reason outline an object such as if it suspends, then it's truly deduplicated since it already has an id. |
||
|---|---|---|
| .. | ||
| esm | ||
| npm | ||
| src | ||
| client.browser.js | ||
| client.edge.js | ||
| client.js | ||
| client.node.js | ||
| client.node.unbundled.js | ||
| index.js | ||
| node-register.js | ||
| package.json | ||
| plugin.js | ||
| README.md | ||
| server.browser.js | ||
| server.edge.js | ||
| server.js | ||
| server.node.js | ||
| server.node.unbundled.js | ||
react-server-dom-webpack
Experimental React Flight bindings for DOM using Webpack.
Use it at your own risk.