Warning: This article is more about the technical side of our development work.

Oxfmt and Oxlint in react native

Since the last weeks we heard more and more about oxfmt and oxlint. Yesterday the curiosity reached it’s peak.

In a new project called memorybank, a journaling and dairy app I am developing, I wanted to try it out. Although I started this project around a year ago, I made a longer break.

Recently I launched Rule of Three and the android version of Kitchen Converter, where I have not used it.

The last time I used another linter than eslint or prettier was exactly one year ago in the memorybank project. Do you remember? Biome was the tool that we hyped back then!

Why using oxfmt and oxlint then?

I was happy with Biome, it did well, it did a great job! Unfortunately there was one drawback. Biome requires a totally new config. What a pain. For every tool a new kind of config is required. Yes it makes sense, but… what if you could use the same config for another tool?

Yes, that’s the thing with oxfmt and oxlint. You can simply use the eslint and prettier config with this tool. So, “implementation” might be too strong a word because it was mostly just a “replacement.” Since oxlint is designed to be a drop-in enhancement for ESLint, I didn’t have to rewrite my entire ruleset from scratch.

npm install -D oxfmt oxlint
npx oxlint --init
npx oxfmt --migrate prettier

And you could extend your package.json like this:

{
  "scripts": {
    "format": "oxfmt",
    "lint": "oxlint",
    "fix": "oxlint . --fix && oxfmt ."
  }
}

Or do some further configurations.

The amazing experience, it works basically out of the box and super fast as well.

Conclusion

Its fast feedback and the fact that a new configuration system is not necessary make it a great tool for React Native projects.

I think the prettier and eslint plugins can’t be used with oxfmt and oxlint, but it’s still a great tool for React Native projects.

For react native I found this oxlint-plugin-react-native which I tested successfully.

I am curious to see how the ecosystem will develop in the next few months. So far, I have a good impression and will continue using it.