Lint & Format JavaScript with Biome

[@colbyfayock]

Learn how to build a full stack Next.js app in my upcoming course: colbyfayock.com/course

[@inergy204]

19:19 - In VSCode you can also use the keyboard shortcut to "Save without formatting": Windows = Control/Command + K -> S ... Additionally you can use the Show All Commands to bring up the command palette and search for it: Control/Command + Shift + P, then start to type "save without formatting" and execute from the list Great video, thank you!

[@inergy204]

also, one critique about the video is to add chapters for folks to find the sections a bit easier, or at least reference the timestamps in the description. Thanks again

[@mohasinkr]

This is so useful. As someone who hates setting up eslint and prettier configs this is godsend. Also please dont stop making these awesome videos. Your channel is so underrated!

[@colbyfayock]

thank you 🙏

[@blacksun6761]

Man since long time I wanted to try biome but I was afraid to mess up with the settings. Thanks for all the tutorials.

[@colbyfayock]

no problem!

[@jawyor-k3t]

kinda odd question but, how do you speak so fluidly and without any mistakes? I'm genuinely interested :D Is it natural? I think you are the best on youtube in that aspect

[@colbyfayock]

wow thanks. well to start, i dont record the video in one really long segment, i do it in chunks, so if i make a major mistake, i re-shoot that little clip, but i generally try to avoid reshooting where i can so that its more natural. sometimes i just completely lose my train of thought and stall, so thats where i'd cut and re-record

[@eleah2665]

Very timely for me. Thanks.

[@colbyfayock]

awesome no problem!

[@destocot1729]

great video as useful would love to see a nextjs course by you hopefully itll be in my budget

[@colbyfayock]

details will be announced soon 🙌

[@GiraffeReactor]

@@colbyfayock if you want a small little creator to give it a test run id be down :) haha

[@crow3291]

like your terminal, what are you using to customize your zsh shell? I'm using p10k but I like the simpleness of yours.

[@colbyfayock]

oh-my-zsh and some random custom colors i played around with in the profile settings

[@ReactNativeWeeks]

This was so helpful. Have you ever tried husky & lint-stage with github integrated ui vscode has? terminal works fine but the vscode github interface always fail to me when using husky & lint-stage.

[@colbyfayock]

no i havent! bummer to hear that's not working. whats the specific problem you're seeing?

[@justingolden87]

Lint on staged changes only is neat!

[@colbyfayock]

super handy!

[@evheniydan]

Are there any significant benefits to using Biome instead of Prettier + ESLint? I'm not sure if I want to mess with my current setup

[@ranadenish]

Because of Prettier + ESLint, sometimes it makes issue for configurations. Biome solves it by having both features in one. I am not sure if you have faced the issue. but you can google it and can find so many have these.

[@justingolden87]

My guess is since it's one tool instead of two it can make things simpler/easier and you don't have to worry about eslint and prettier playing nice. But that's such a common setup it generally works anyway. I personally find prettier really annoying in specific situations where I want to line wrap or not line wrap or have inline comments. It's really bad at that stuff and everything is underlined in red or I have to ignore all line wrapping rules for the entire project or file or add a whole bunch of prettier ignore comments. But there's certainly a quality of life using a tool that's super common. Seems like biome is on the up though

[@danko95bgd]

You don't need eslint, prettier, eslint plugin prettier, eslint config prettier shittier etc. and it's much faster which is what matters

[@madmaxdev]

Very helpful video. I think lefthook is fast and minimal.

[@colbyfayock]

thanks for the tip, i hadnt tried lefthook, but when i looked at it, it gave me the sense that to use it, everyone would have to manually install locally, is that the case? or does it work similar to husky, where you can have it automatically set up?

[@AlJey007]

clickbait title, that's not what "clean code" even means

[@colbyfayock]

okay

[@GV14982]

Well that’s not entirely true. Formatting and linting is part of what makes a codebase “clean”

[@lamanhataolao438]

It is literal meaning. Take it easy 😅