made with react.js

#UI Components
icon-eye-dark Created with Sketch. 52

React Diff Viz

Diff & Render JSON Data

Visit Site

Description

Diff & Render JSON Data

"react-diff-viz is a React component that compares and renders complex object differences.

This component integrates a diff algorithm and visual rendering."

  • The left and right columns display the data, aligned to the height of corresponding field, and colored the different fields
  • The component comes with the diff function. You can customize the diff function for fields
  • The component has its own rendering function. You can customize rendering functions for fields
  • Supports comparison of nested objects and arrays

Social Media Links

Related Projects


Shoutem UI Open-source React Native UI Kit 🛠
#Native #UI Components #UI Library
icon-eye-dark Created with Sketch. 2.710
DevUI Set of UI Components & Templates
#UI Components #UI Library
icon-eye-dark Created with Sketch. 987
Sentry for React React Application Monitoring
💙 Sponsored by Friends
We’re hosting on Digital Ocean! 💙 Try it today and get a free $100 credit.
try now
Papercups Open-source Live Customer Chat
#WebApps #UI Components
icon-eye-dark Created with Sketch. 1.255
ILLA Design Responsive UI Library
#UI Components #UI Library
icon-eye-dark Created with Sketch. 592
View all Projects
COMMUNITY SPONSORS
Bryntum offers a modern web component suite including a grid, scheduler, calendar & more – all integrating with React Learn more The JSCharting data visualization library includes 150+ advanced chart types that you can seamlessly use in your React apps Learn more React application monitoring by Sentry provides actionable insights to resolve performance bottlenecks and errors Learn more