Brave Search

May 7, 2024 - react-diff-viewer-continued-DEMO by christ_cogni_con using antd, loader-utils, react, react-diff-view, react-diff-viewer-continued, react-dom, react-scripts

Published Oct 06, 2023

Author christ_cogni_con

Repository https://codesandbox.io/s/pjkx9q

GitHub

github.com › RexSkz › json-diff-kit

GitHub - RexSkz/json-diff-kit: A better JSON differ & viewer, support LCS diff for arrays and recognise some changes as "modification" apart from simple "remove"+"add". · GitHub

import { Viewer } from 'json-diff-kit'; import type { DiffResult } from 'json-diff-kit'; import 'json-diff-kit/dist/viewer.css'; interface PageProps { diff: [DiffResult[], DiffResult[]]; } const Page: React.FC<PageProps> = props => { return ( <Viewer diff={props.diff} // required indent={4} // default `2` lineNumbers={true} // default `false` highlightInlineDiff={true} // default `false` inlineDiffOptions={{ mode: 'word', // default `"char"`, but `"word"` may be more useful wordSeparator: ' ', // default `""`, but `" "` is more useful for sentences }} /> ); };

Starred by 209 users

Forked by 17 users

Languages TypeScript 92.7% | Less 4.7% | JavaScript 2.6%

DevGenius

blog.devgenius.io › add-a-diff-display-into-a-react-app-with-the-jsdiff-library-5df6fe85f66d

Add a Diff Display into a React App with the jsdiff Library | by John Au-Yeung | Dev Genius

May 29, 2021 - import React from "react"; const Diff = require("diff");const one = "beep boop"; const other = "beep boob blah";const diff = Diff.diffChars(one, other); export default function App() { return ( <div className="App"> {diff.map((part) => { const color = part.added ?

CodeSandbox

codesandbox.io › s › react-difference-viewer-hwdw18

react difference viewer - CodeSandbox

March 15, 2023 - react difference viewer by prakruti.ukani using loader-utils, react, react-diff-viewer-continued, react-dom, react-scripts

Published Mar 14, 2023

Author prakruti.ukani

Repository https://codesandbox.io/s/hwdw18

npm

npmjs.com › package › react-diff-viewer

react-diff-viewer - npm

May 22, 2020 - A simple and beautiful text diff viewer component made with diff and React. Latest version: 3.1.1, last published: 6 years ago. Start using react-diff-viewer in your project by running `npm i react-diff-viewer`. There are 51 other projects in ...

      » npm install react-diff-viewer

Published May 22, 2020

Version 3.1.1

Author Pranesh Ravi

Repository https://github.com/praneshr/react-diff-viewer

Homepage https://github.com/praneshr/react-diff-viewer#readme

React Diff Viewer

praneshravi.in › react-diff-viewer

React Diff Viewer

A simple and beautiful text diff viewer for React

CodeSandbox

codesandbox.io › s › json-diff-visualize-lqokx2

json-diff-visualize - CodeSandbox

November 1, 2022 - json-diff-visualize by therealdrtroll using json-diff-kit, json-diff-viewer, react, react-dom, react-json-view-compare, react-scripts

Published Nov 01, 2022

Author therealdrtroll

Repository https://codesandbox.io/s/lqokx2

GitHub

github.com › Aeolun › react-diff-viewer-continued

GitHub - Aeolun/react-diff-viewer-continued: A simple and beautiful text diff viewer component made with Diff and React. · GitHub

A simple and beautiful text diff viewer component made with Diff and React. - Aeolun/react-diff-viewer-continued

Starred by 211 users

Forked by 51 users

Languages HTML 76.3% | TypeScript 23.3%

Find elsewhere

Google Bing Mojeek

GitHub

github.com › kpdecker › jsdiff

GitHub - kpdecker/jsdiff: A javascript text differencing implementation. · GitHub

This step depends upon having some notion of a token from the old array being "equal" to one from the new array, and this notion of equality affects the results. Usually two tokens are equal if === considers them equal, but some of the diff functions use an alternative notion of equality or have options to configure it.

Starred by 9.1K users

Forked by 525 users

Languages JavaScript 64.7% | TypeScript 35.3%

CodeSandbox

codesandbox.io › examples › package › react-diff-viewer

react-diff-viewer examples - CodeSandbox

AboutA simple and beautiful text diff viewer component made with diff and React202,512Weekly Downloads

npm

npmjs.com › package › diff

diff - npm

January 12, 2026 - This step depends upon having some notion of a token from the old array being "equal" to one from the new array, and this notion of equality affects the results. Usually two tokens are equal if === considers them equal, but some of the diff functions use an alternative notion of equality or have options to configure it.

      » npm install diff

Published Jan 12, 2026

Version 8.0.3

Repository https://github.com/kpdecker/jsdiff

Homepage https://github.com/kpdecker/jsdiff#readme

CodeSandbox

codesandbox.io › s › mystifying-diffie-yjzpvx89yz

React text diff highlight demo using jsdiff - CodeSandbox

July 16, 2022 - React text diff highlight demo using jsdiff by tourist using diff, react, react-dom, react-scripts

Published May 07, 2019

Author tourist

Repository https://codesandbox.io/s/yjzpvx89yz

npm

npmjs.com › package › react-diff-view

react-diff-view - npm

July 24, 2025 - A git diff component to consume the git unified diff output.. Latest version: 3.3.2, last published: 8 months ago. Start using react-diff-view in your project by running `npm i react-diff-view`. There are 52 other projects in the npm registry using react-diff-view.

      » npm install react-diff-view

Published Jul 24, 2025

Version 3.3.2

Author otakustay

Repository https://github.com/otakustay/react-diff-view

Homepage https://github.com/otakustay/react-diff-view#readme

GitHub

github.com › praneshr › react-diff-viewer › blob › master › src › styles.ts

react-diff-viewer/src/styles.ts at master · praneshr/react-diff-viewer

A simple and beautiful text diff viewer component made with Diff and React. - praneshr/react-diff-viewer

Author praneshr

Stack Overflow

stackoverflow.com › questions › 55955966 › react-library-to-display-unified-diff-between-two-strings

reactjs - React library to display unified diff between two strings - Stack Overflow

Top answer

1 of 2

Try either "react-diff-view" or "react-diff-viewer".

The "react-diff-viewer" is quite simple to use/implement while the "react-diff-view" offers some more advanced features.

It's up to you, here the links: https://www.npmjs.com/package/react-diff-viewer https://www.npmjs.com/package/react-diff-view

2 of 2

react-diff-viewer-continued might be what you are looking for since 'react-diff-view' is no longer having updates and is not compactable for react 18^.

CodeSandbox

codesandbox.io › s › test-react-diff-viewer-forked-3g9ggx

test-react-diff-viewer (forked) - CodeSandbox

September 27, 2022 - test-react-diff-viewer (forked) by utkarshrai98 using prismjs, react, react-diff-viewer, react-dom, react-scripts, react-simple-minimap, react-toggle-button

Published Sep 27, 2022

Author utkarshrai98

Repository https://codesandbox.io/s/3g9ggx

Snyk

security.snyk.io › snyk vulnerability database › npm

react-diff-viewer vulnerabilities | Snyk

Further analysis of the maintenance status of react-diff-viewer based on released npm versions cadence, the repository activity, and other data points determined that its maintenance is Inactive.

GitHub

github.com › otakustay › react-diff-view

GitHub - otakustay/react-diff-view: A git diff component · GitHub

A git diff component. Contribute to otakustay/react-diff-view development by creating an account on GitHub.

Starred by 988 users

Forked by 89 users

Languages TypeScript 92.9% | Less 3.7% | CSS 2.1% | JavaScript 1.1% | Shell 0.2%

reddit.com › r/golang › small projects

r/golang on Reddit: Small Projects

2 weeks ago -

This is the weekly thread for Small Projects.

The point of this thread is to have looser posting standards than the main board. As such, projects are pretty much only removed from here by the mods for being completely unrelated to Go. However, Reddit often labels posts full of links as being spam, even when they are perfectly sensible things like links to projects, godocs, and an example. r/golang mods are not the ones removing things from this thread and we will allow them as we see the removals.

Please also avoid posts like "why", "we've got a dozen of those", "that looks like AI slop", etc. This the place to put any project people feel like sharing without worrying about those criteria.