react-diff - Given two inputs, highlights the differences

  •        521

Given two inputs, highlights the differences

https://github.com/cezary/react-diff

Dependencies:

diff : ^1.2.0

Tags
Implementation
License
Platform

   




Related Projects

rn-diff-purge - Easier React Native upgrades by clearly exposing changes from a version to another

  •    Shell

This repository exposes an untouched React Native app generated with the CLI npx react-native init RnDiffApp. Each new React Native release causes a new project to be created, removing the old one, and getting a diff between them. This way, the diff is always clean, always in sync with the changes of the init template. See table below for the complete list.

upgrade-helper - ⚛️ A web interface to support React Native developers in upgrading their apps.

  •    Javascript

This repository exposes an untouched React Native app generated with the CLI react-native init RnDiffApp. Each new React Native release causes a new project to be created, removing the old one, and getting a diff between them. This way, the diff is always clean, always in sync with the changes of the init template. This will help you see what changes you need to do in your code.

appr - Open React Native PR Builds instantly on device

  •    Javascript

appr builds and deploys pull requests in your create-react-native-app (and other Expo-based) projects, and replies with a link you can open directly on your device or emulator.Mature technical organizations peer-review their code. Reviewing code on GitHub is simple enough: for most well-crafted pull requests, you can review the code diff in your browser, and either approve the changes, or request further improvements.

react-webcam - Webcam component

  •    Javascript

Webcam component for React. See this for browser compatibility. Many thanks to @cezary for his work on this component.

YamUI - Reusable component framework for Yammer.com

  •    TypeScript

This is the UI component framework for Yammer.com.It is built with React on top of Office UI Fabric components. Unit tests are run through Jest, isolated development environment and documentation is provided by Styleguidist, and visual diff regression is done with Puppeteer and pixelmatch. Visual diff tasks run within a Docker container to ensure consistency between local development environments and CI.


snapshot-diff - Diffing snapshot utility for Jest

  •    Javascript

Diffing snapshot utility for Jest. Takes two values, and return their difference as a string, ready to be snapshotted with toMatchSnapshot(). Especially helpful when testing the difference between different React component states.

nuclide - An open IDE for web and native mobile development, built on top of Atom

  •    Javascript

Nuclide is a collection of features for Atom to provide IDE-like functionality for a variety of programming languages and technologies. The Nuclide license has certain limitations around distribution and should not be considered an open source license. However, this does not affect your ability to fork the project and make contributions.

WhatsApp-Clone-Client-React - https://www.tortilla.academy/Urigo/WhatsApp-Clone-Tutorial

  •    TypeScript

This React client is constantly being updated by using CI tests and renovate. You can watch this repository to learn about new updates or check out the git diffs between new versions on the tutorial's version diff pages (at the top of the screen).

spaceman-diff - diff images from the command line

  •    Shell

spaceman-diff is a quick drop in to git-diff. The idea is that you can just git diff like normal and, if you've changed an image file, spaceman-diff will render your images in a colorful ASCII approximation in your shell along with helpful data like file size changes. The goal is that spaceman-diff gives you a quick way of verifying that yes, the image you're committing is the image you want to commit, and yes, the image you're committing isn't accidentally 20 terabytes in size or something foolish like that.

Mergely - Web Application to View and Merge Changes in Documents

  •    Javascript

Mergely is a web application to view and merge changes in documents. Mergely shows you changes to documents side-by-side so you can clearly see what changed from one version to the next. It can be used as a diff tool (read-only) or as both a diff and merge tool for plain text, CSS, HTML, XML, javascript, PHP, C, C++, etc.

N-way Folder Diff

  •    Java

N-way Folder Diff is a simple, platform independent tool to compare multiple folders. It differs from usual diff tools because it is possible to do n-way (upto 10 way) diff as compared to the usual 2-way diff.

container-diff - container-diff: Diff your Docker containers

  •    Go

These analyses can be performed on a single image, or a diff can be performed on two images to compare. The tool can help users better understand what is changing inside their images, and give them a better look at what their images contain. By default, with no --type flag specified, container-diff will run Apt package analysis.

diff - Javascript utility for calculating deep difference, capturing changes, and applying changes across objects; for nodejs and the browser

  •    Javascript

deep-diff is a javascript/node.js module providing utility functions for determining the structural differences between objects and includes some utilities for applying differences across objects. In a browser, deep-diff defines a global variable DeepDiff. If there is a conflict in the global namespace you can restore the conflicting definition and assign deep-diff to another variable like this: var deep = DeepDiff.noConflict();.

diff-so-fancy - Good-lookin' diffs. Actually… nah… The best-lookin' diffs. :tada:

  •    Perl

diff-so-fancy strives to make your diff's human readable instead of machine readable. This helps improve code quality and help you spot defects faster. Installation is as simple as downloading the diff-so-fancy script to a directory in your path. Windows users may need to install the Windows subsystem for Linux.

Meld - Visual Diff and Merge Tool

  •    Python

Meld is a gnome2 diff and merge tool with pluggable support for version control systems such as cvs, subversion, bzr, darcs, mercurial, monotone, tla. Meld helps you review code changes and understand patches.

hyperHTML - A Fast & Light Virtual DOM Alternative

  •    HTML

A Fast & Light Virtual DOM Alternative available for NodeJS and NativeScript too. This project exists thanks to all the people who contribute. [Contribute].

External diff Tool (Eclipse Plugin)

  •    Java

External diff Tool is an Eclipse plugin that allows the launch of an external diff tool for file compares rather than the default built-in Eclipse diff tool. This plugin doesn't replace the built-in Eclipse tool. It only adds a new menu item to the GUI.

Delta - code inspection and diff tool

  •    Perl

A source code diff tool. Adapted from cvsweb, it makes code inspection easy. It also provides another diff tool with which you can either compare two files or two directories recursively. It is written in perl and uses String::Ediff for finer diff.

container-diff - container-diff: Diff your Docker containers

  •    Go

container-diff supports Docker images located in both a local Docker daemon and a remote registry. To explicitly specify a local image, use the daemon:// prefix on the image name; similarly, for an explicitly remote image, use the remote:// prefix.






We have large collection of open source products. Follow the tags from Tag Cloud >>


Open source products are scattered around the web. Please provide information about the open source projects you own / you use. Add Projects.