React Diff Viz

Description

Diff & Render JSON Data

react-diff-viz is a React component that compares and displays differences between complex objects. It incorporates both a diff algorithm and visual rendering capabilities.

• The left and right columns show the data, aligned by field height, with differing fields highlighted in color.
• A built‑in diff function is provided, but you can supply your own custom diff logic for specific fields.
• The component includes its own rendering engine; you may replace or extend it with custom renderers per field.
• Nested objects and arrays are fully supported.