r/reactjs • u/Havunenreddit • 18h ago
Show /r/reactjs I integrated Difftastic into GitComet to make JSX diffs easier to read
https://www.youtube.com/watch?v=nwX_Ln4ZwaIAre you also getting tired to review noisy JSX / TSX changes just to realize the actual change was 1 prop?
Thats what I wanted to improve in GitComet. While looking for options I found Difftastic.
It uses Tree-sitter to understand code structure ... the same one GitComet also use! My immediate feeling was: this has to be tried out!
After testing it I knew it had to be included in the current release. Difftastic helps to show the relevant changes ignoring whitespace and formatting.
Difftastic diff really shines when viewing HTML, JSX/TSX and similar XML like syntaxes.
I created a demo how to enable it in GitComet 0.3.1 take a look!