Prettier/ESLint to Biome: The Lightning-Fast Rust-Based Tool!

Biome is the new rust-based formatter and linter that could potentially replace Prettier and ESLint.
🎉Our Newsletter is live! Join thousands of other developers
islemmaboud.com/join-newsletter
⭐ Timestamps ⭐
00:00 Intro
00:29 Prettier performance challenge
01:55 What's wrong with prettier?
03:18 Biomejs - the all in one formatter and linter
07:34 Biome vs Prettier vs Prettier-Parallel vs dprint
-- Special Links
✨ Join Figma for Free and start designing now!
psxid.figma.com/69wr7zzb1mxm
👉 ✨ Join Figma For Professionals And Start Designing with your Team ✨
psxid.figma.com/ucwkx28d18fo-...
⚡️ S.O.L.I.D Principles implementation in React ✨
github.com/ipenywis/react-solid
📕S.O.L.I.D blogs get a better grasp on the principles
/ the-s-o-l-i-d-principl...
-- Special Links
✨ Join Figma for Free and start designing now!
psxid.figma.com/69wr7zzb1mxm
👉 ✨ Join Figma For Professionals And Start Designing with your Team ✨
psxid.figma.com/ucwkx28d18fo-...
-- Watch More Videos
🧭 Build Login/Register API Server w/ Authentication | JWT Express AUTH using Passport.JS and Sequelize
• Build Login/Register A...
🧭 Turn Design into React Code | From prototype to Full website in no time
• Turn Design into React...
🧭 Watch Tutorial on Designing the website on Figma
• I Design a onecolor We...
🧭 Watch Create a Modern React Login/Register Form with smooth Animations
• Create a Modern React ...
🧭 Debug React Apps Like a Pro | Master Debugging from Zero to Hero with Chrome DevTools
• Debug React Apps Like ...
🧭 Master React Like Pro w/ Redux, Typescript, and GraphQL | Beginner to Advanced in React
• Master React Like Pro ...
🧭 Learn Redux For Beginners | React Redux from Zero To Hero to build a real-world app
• Debug React Apps Like ...
🧭 Introduction to GraphQL with Apollo and React
• Introduction to GraphQ...
🐦 Follow me on Twitter: / ipenywis
💻 Github Profile: github.com/ipenywis
Made with 💗 by Coderone

[@CALLISTO4G]

Good video🎉 I've migrated to biome.

[@chyldstudios]

Thanks for sharing.

[@ishakm.benbaouche7742]

Way to go buddy !!!!

[@eliastouil7686]

Thank you

[@dave_m98]

I wanted to try Biome but there is no svelte support yet 😔

[@akshatsamdani]

Which extension are you using for indentation coloring

[@ramironavarrete1133]

the name is rainbow

[@rujor]

With performance like we see from Biome and Bun these days, soon we're not going to need the cashing functionality of NX at all anymore 😬.

[@speedofspin]

If what I aready have takes 2 seconds instead of 1 second I think I can live with that

[@wasimdorboz]

do you mean biome super saiyans version of eslint?

[@davidsiewert8649]

If you use Intellij, then only prettier is viable, because other solutions lack (truly working/integrated) IDE support

[@AndreyMakR3]

Update: Biome plugin exists in plugin's marketplace

[@user-ik7rp8qz5g]

5 seconds to check entire nextjs repository? For me it took more than 5 seconds to fix one big file with few hundred or thousand lines of code

[@voidmind]

It could never replace ESLint if you use it for code formatting. Unlike Prettier and Biome, ESLint allows you to customize your formatting rules, which something that a lot of dev prefer over what is imposed (chosen for you) by these other formatters.

[@joaobonsegno126]

But you can also choose your rules with Biome (?)

[@voidmind]

@@joaobonsegno126google "Biome js Formatter Option Philosophy"

[@iAlbzGaming]

am i missing something ? i thought u able to customize the rules in biome

[@voidmind]

@@iAlbzGaming There are a very limited number of rules that can be customized. Most of it is imposed.

[@andrewpeters8357]

Formatting is supposed to be done in prettier, eslint is slowly abandoning support for it and is just focusing on non-stylistic lintimg

[@reactchile]

I find OXC much better!👌

[@RomvnlyPlays]

No - I don’t think I will.

[@bravefastrabbit770]

B-but w-what about all those extra minutes saved every decade?!

[@michamaciejewski8895]

Imagine an enterprise project where you format and lint for around 5 minutes in your CI/CD pipeline on every PR and you get PRs every half hour… It’s a huge money saving when you pay for computing time...

[@RomvnlyPlays]

@@michamaciejewski8895 for an enterprise project, wouldn’t you be using specialized enterprise tooling?

[@dinoscheidt]

@@michamaciejewski8895Why the heck would you A not check for formatting in the authoring stage (pre-commit hocks, sub 30 second feedback loop rule), B run through ALL files instead of the change set and C continuously underestimate the speed of the multi-stage JIT of the V8 javascript engine and JS isolates for long running tasks (cloud flare adopted them fore a reason)? Getting that money back, especially with a huge code base, by having engineers spent a sprint or more to ensure on a large system that actually the formatting is identical and doesn’t create regressions is a pretty big ask. There needs to be more to it than prettier in rust, just cause rust. Keep in mind that i.e. GH Actions cost 0.008 per MINUTE… and that only if you don’t run your own job machine which would be virtually free. From a CTO perspective the math doesn’t math

[@ashish.ksingh8765]

Can you create a project on MERN STACK that project will be different from others project ( zomato, blog, booking, movie etc)

[@bravefastrabbit770]

You’re never gonna get anywhere with that mentality *Dear Sir* . If you’ve done either of the above & have a somewhat grasp of MERN you should be able to do it yourself, we’re not talking about arcane tech without documentation. Learn to apply ffs

[@smohamedbasith4627]

Prettier+Eslint+Rust=prettierEslintRust 😂

[@bagusandreanto3595]

Wrong result, the correct one is PrettierEslintRust

[@thereal-ghost]

Biome is trying to solve a problem that ISN"T a problem. Prettier / ESLint are blazing fast and work super super well. The people saying it's SLOW and "omg we need a faster tool" aren't using it properly OR are trying to use Prettier in a project at the enterprise level where they shouldn't be and should be using enterprise level tooling lol. 99% of the complainers are literally prototype hobby devs who only write little projects or framework swap monthly to the "new" thing and just want to be part of the attention and have literally 0 understanding of what's going on. I appreciate your videos regardless, but the fact remains that this isn't an issue and people are just upset for no reason.

[@aghileslounis]

Never found prettier slow. But Eslint is just a nightmare even for a small project, the dev env becomes so slow, and it slows the formatting, the autocomplete...It's just so bad. I use it daily on multiple repo sizes, from medium French SaaS products that have 3 years in dev (a shiet tone of code) to my own personal projects. I feel the Eslint weight every second on pretty much any project, once it's passed the prototype phase Embrace what's new. People are spending so much time researching to build great tools for us for FREE ;)

[@joaobonsegno126]

What are the enterprise level tooling that the larger companies should be using instead of ESLint + Pretier?

[@calimio6]

I think the issue is from people using prettier from the pre-commit hook instead of the extension. I use both I also recommend the same to my peers. That way the commit just passes the formatting checks because it is already compliant. Also with the extension I could easily fix the code as I write it.

[@UsernameUsername0000]

I’m getting tired of the Rust people solving problems that don’t exist.

[@gosnooky]

Biome looks promising, but the formatter, like Prettier, is overly opinionated. The indentation style is tabs by default, which means someone on the development team is a TABS person - and I can't get past that.

[@gabrielbianchi2246]

You mean Rust-🅱️ASED

[@fifty6737]

this is still very very slow imo, this is just text, there's compiler faster than this, how a text formatter is taking 5 seconds to format dozen of files the speed should be under the 10 ms range