mirror of https://github.com/zebrajr/react.git synced 2026-01-15 12:15:22 +00:00

Files

Andrew Clark 4729ff6d1f Implement identifierPrefix option for useId (#22855 )

When an `identifierPrefix` option is given, React will add it to the
beginning of ids generated by `useId`.

The main use case is to avoid conflicts when there are multiple React
roots on a single page.

The server API already supported an `identifierPrefix` option. It's not
only used by `useId`, but also for React-generated ids that are used to
stitch together chunks of HTML, among other things. I added a
corresponding option to the client.

You must pass the same prefix option to both the server and client.
Eventually we may make this automatic by sending the prefix from the
server as part of the HTML stream.

2021-12-02 17:49:43 -08:00

npm

Remove Node shallow builds (#18157 )

2020-02-27 14:11:40 -08:00

src

Implement identifierPrefix option for useId (#22855 )

2021-12-02 17:49:43 -08:00

index.js

Convert the rest of react-dom and react-test-renderer to Named Exports (#18145 )

2020-02-26 18:04:32 -08:00

package.json

Remove Scheduler indirection (#21107 )

2021-03-28 14:13:38 -07:00

README.md

Update outdated links and fix two broken links (#19985 )

2020-10-09 02:56:30 +01:00

shallow.js

Replace ReactShallowRenderer with a dependency (#18144 )

2020-02-27 18:10:25 +00:00

README.md

`react-test-renderer`

This package provides an experimental React renderer that can be used to render React components to pure JavaScript objects, without depending on the DOM or a native mobile environment.

Essentially, this package makes it easy to grab a snapshot of the "DOM tree" rendered by a React DOM or React Native component without using a browser or jsdom.

Documentation:

https://reactjs.org/docs/test-renderer.html

Usage:

const ReactTestRenderer = require('react-test-renderer');

const renderer = ReactTestRenderer.create(
  <Link page="https://www.facebook.com/">Facebook</Link>
);

console.log(renderer.toJSON());
// { type: 'a',
//   props: { href: 'https://www.facebook.com/' },
//   children: [ 'Facebook' ] }

You can also use Jest's snapshot testing feature to automatically save a copy of the JSON tree to a file and check in your tests that it hasn't changed: https://jestjs.io/blog/2016/07/27/jest-14.html.