I used [prettier-vscode](https://marketplace.visualstudio.com/items?itemName=esbenp.prettier-vscode) to keep my code consistently formatted.
I also have VSCode automatically format my code on save.
This is super nice because when I make changes I don't need to worry about creating weird diffs due to small formatting changes.
I simply save and get something which looks good enough.

```json
"editor.formatOnSave": true,
```

## Problem

Sometimes I have code which I don't want prettier to change.
For example in my post [Fuzzy search Json Files](./fuzzy-search-json-file.md) I have some exmaple json which is purposefully minified.
Prettier tries to be super helpful and unminmize the json for me whenever I save.
Sometimes I work around this issue by executing the vscode command _Save without Formatting_ (`cmd + k s`) but that can get tedious if you're working in a file that is being changed quite a bit.

## Solution

Prettier supports [disabling formatting for ranges using html comments](https://prettier.io/docs/en/ignore.html#range-ignore)!

````md

```json
{"my": "minimized", "json": "object"}
```

````

How to make the prettier default formatter ignore ranges

No Auto Value on Zero - an odd mysql pitfall

Be cautious when you use symbol polyfills

Javascript functions can cause layout thrashing

Make Prettier Ignore Ranges

Fuzzy search Json Files

How to build an auto sync hook with react query

React Query Auto Sync Hook

Comparing how to write declarative syntax in python and js

A comparison of declarative python and js

Applying action driven animation techniques to render footnotes and link previews.

Using action driven animation

Polyfills can feel like a plug and play solution for supporting older browsers, but they can come with caveats which break expected behavior.