docs: Add a docs page for migrating from Prettier to oxfmt. #676
Conversation
✅ Deploy Preview for oxc-project ready!
To edit notification comments on pull requests, go to your Netlify project configuration. |
|
Slightly updated:
|
connorshea
changed the title
The 7-steps felt too long and likely to lower CVR for me 🙈, so just resolved this by removing them. |
Co-authored-by: Connor Shea <[email protected]> Signed-off-by: Yuji Sugiura <[email protected]>
Co-authored-by: Connor Shea <[email protected]> Signed-off-by: Yuji Sugiura <[email protected]>
| Other important considerations when migrating from Prettier to Oxfmt: | ||
|
|
||
| - Oxfmt's formatting output is closest to Prettier v3.7. If you are using an older version of Prettier, you will see more differences in formatting output. | ||
| - Oxfmt aims to be mostly compatible with Prettier out-of-the-box, but there may still be some minor differences in formatting output in edge-cases. |
There was a problem hiding this comment.
We could maybe remove this line, since it's already fully compatible with Prettier in JS/TS/JSX in my experience testing it on a few large codebases (bluesky's codebase has 0 differences between Prettier 3.7 and oxfmt as of today's release).
There was a problem hiding this comment.
I think basic flow is fine! 😉
However, I'd like to simplify and shorten the text overall. Some sentences might even be okay to omit entirely.
Would you mind giving it a try?
The editor integration feels like it could easily fill a whole page on its own... 😅
Let's split it into separate page later and just include a link here for now.
Maybe we can replace the caveats section with a link to the FAQ? We should probably add a few of these caveats to the FAQ as well anyway. I think most of the rest of the page is necessary to avoid users running into problems with the migration process (plus I assume a lot of people will use Claude or Copilot to migrate their projects, so giving it as much info as we can is useful for that). I'll take a swing at updating the text tomorrow.
So cut the editor part down to just a link to the editor question in the FAQ? That sounds good to me 👍 |
|
Thank you in advance! 🙌🏻
Yes, if necessary, update that section and/or split out the |
| ```diff | ||
| { | ||
| - "editor.defaultFormatter": "esbenp.prettier-vscode" | ||
| + "editor.defaultFormatter": "oxc.oxc-vscode" |
There was a problem hiding this comment.
Since oxfmt doesn't yet support non-JS files, it's not practical to replace the prettier extension entirely with it. I think it's better to suggest enabling it for specific languages (for now, [javascript], [javascriptreact], [typescript], and [typescriptreact]).
And we still need "oxc.fmt.experimental": true, at the moment, if I'm not mistaken.
Made a few minor tweaks to the gist I wrote, still need to fill out the page to address a few TODOs
TODO: