Yesterday I was struggling for setting up eslint and prettier and today saw this video. Awesome work 👏
@BotanicalWonders602 жыл бұрын
same as me
@muhammadtouhiduzzaman74912 жыл бұрын
when I try to choose popular style guide form Which style guide do you want to follow?, airbnb is missing from list . what should I do now ?
@OscarMartinez-nt6zn Жыл бұрын
Great I just didn't how to make eslint works with prettier altogether but in 21:20 you explained the overriding stuff that I was unaware of! thanks.
@georga.92362 жыл бұрын
Very thorough and on point approach. Keep on rocking!
@nabeelahmed5277 Жыл бұрын
Hey I am not getting airbnb suggestion in guideline when i go with Typescript but it works with Javascript
@JakeeReacher Жыл бұрын
That's the video I was looking for you. Thank you! That helps a lot to understand this topic.
@BoazRymland2 жыл бұрын
Great video - Thanks! Straight to the point, sane defaults, good combination of tools and well explained
@ericdecolsales3066 Жыл бұрын
Airbnb it's just not available anymore for eslint with typescript projects since august 10, 2022
@phamtienthinh1795Ай бұрын
Great info
@noriller2 жыл бұрын
Another one to add to that is the actual commit message linting.
@matteolorenzoni99752 жыл бұрын
Really very useful and interesting video. Thank you very much!
@erwindelacruz39462 жыл бұрын
Good tutorial .Thank you!
@vaishnavis21659 ай бұрын
For me Airbnb is not showing after choosing the guide
@takumi_fuji862 жыл бұрын
Thank you! It’s really helpful video!
@prathamdubey2363 Жыл бұрын
Hello, I can't find the Airbnb style guide. What to do?
@theyoussefnassar7 ай бұрын
very helpful, thanks a lot 😄
@softblood19412 жыл бұрын
amazing video thanks !
@realnanodude2 жыл бұрын
So I was puzzling my ESLint + Prettier + Husky config together and then I found your video. Absolutely love your tutorial. It both confirmed that I was correct with my settings and explained a couple of things that I did not understand right away. Huge thanks!
@itskritz1996 Жыл бұрын
Really nice and helpful... Thanks!
@AlejandroNavarroD2 жыл бұрын
Pretty good tutorial
@Schweppese2 жыл бұрын
Thanks for the tutorial. Do you mind also dropping the name of the VSCode theme you're using?
@Nosleepguy2 жыл бұрын
so nice and usefull
@tranquiloteov Жыл бұрын
Awsome video, thanks. But Wow!!! Too much dependencies just for linting. Looks like a nightmare for upgrading conflicts when stuffs get deprecated.
@CheulongSear2 жыл бұрын
I wonder about your opinion on Storybook? When to use when not to?
@donatobaonguis43152 жыл бұрын
Will the steps described here in this video work with react-native project as well?
@justcoder28687 ай бұрын
Thanks for this video great job, 2 questions for you> 1. Does Husky/linting just run checks on just the files changed i.e. being committed? 2. do you know if there is an option to remove unused imports with the linting? Thanks
@heathen8382 жыл бұрын
omg who's gonna remember all that
@rahuldotel59832 жыл бұрын
Thank you very much bro ..
@adil88201 Жыл бұрын
you're as awesome as TraversyMedia
@code-island2 жыл бұрын
Nice, keep it up
@whozsidhant2 жыл бұрын
✖ 158 problems (158 errors, 0 warnings) husky - pre-commit hook exited with code 1 (error) any solution??
@dzhaniivanov58372 жыл бұрын
lint:fix doesn't work for me ?only shows errors like npm run lint
@longnhat6405 Жыл бұрын
fire!!!!
@alihosseini66302 жыл бұрын
Thanks a lot
@Keshish48 ай бұрын
while Airbnb style doesn't exist, I ran into several problems, also no repository for this video (at least i couldn't find one)
@hbela10002 жыл бұрын
Good.thx.
@necrotikS2 жыл бұрын
What about the "eslintConfig" that create-react-app automatically inserts in the package.json file? Shouldn't it be removed from it?
@CesarDenis2 жыл бұрын
You can delete "eslintConfig", it will get the configuration from ".eslintrc.json"
@kamgdy892 жыл бұрын
No! No any!
@natel85782 жыл бұрын
Any idea why AirBnB style guide is missing from the options in @eslint/config? Google doesn't seem to know.
@claudecharles942 жыл бұрын
Same issue here
@srdjancoralic21662 жыл бұрын
same
@senturkdev2 жыл бұрын
same :(
@21mighty862 жыл бұрын
Airbnb style doesn’t support typescript officially so when you select typescript option while doing ealint config it will not show airbnb later (sometimes, not sure why it works other times) Maybe select no when it asks you if you use typescript
@shivk23912 жыл бұрын
try running npx eslint --init , for those who don't see airbnb listed during the select style type
@paceman2 жыл бұрын
as far as I know CRA already has lint installed as depedency inside react-script package, and we can just extend/override it inside package.json, adding rules and plugins there and no need to install and configure it from scratch over again
@sanisahani818 Жыл бұрын
I am not able to see the option for Airbnb style guide, it only shows standard and xo
@JohnnyDickson Жыл бұрын
Just now getting into linting, code formatting, etc. This video has helped explained a lot of the concepts, but I'm having an issue setting up @eslint/config. For some reason when I try to select a style guide, AirBnB's does not show up. Anyone else experiencing this during the @esling/config init process?
@charithagoonewardena3095 Жыл бұрын
They removed Airbnb from the options. You could go with standard ones
@noszczykmichal Жыл бұрын
@@charithagoonewardena3095 don't agree. For me it's still available. Maybe some issue with versions of dependencies?
@call_me_rusker2 жыл бұрын
I have a question, why you don't have to rewrite the "git add ." again when you fix the eslint problem? I mean you changed your file, but you didn't "git add ," but just commit, how did it work?
@Sam-yh8yi2 жыл бұрын
I have the same question
@CoderOne2 жыл бұрын
If you do "git add ." then make a change to file(s) before commit, only the first changes will be included in the commit. So you'll have to do "git add ." again to include all changes!
@Sam-yh8yi2 жыл бұрын
@@CoderOne so this means that husky does not really prevent me from committing malformed code?
@julianflorez99722 жыл бұрын
@@CoderOne So when you fixed the problem with prettier and then committed, you actually pushed the 'bad' file ? Sorry it's just a bit confusing 😅
@Gangbuster7411 ай бұрын
can you please make a tutorial on setting up vite with eslint airbnb, typescript, prettier, husky, jest and react testing, with husky precommit lint staged and prePush test runner wit jest? that would be really awesome
@RobertThomasrob_thomasa102 жыл бұрын
Just what I needed!
@vikasbhardwaj8078Ай бұрын
Hi @CoderOne First of all a great tutorial indeed. However with eslint version 9 a lot of things have been changed. It will be great if you can you make a new video with latest changes.
@geosystems2106 Жыл бұрын
Lintel run command what ???? You guys take some stuff so much granted .. How the hell did you *run* this : > Lintel : ......Visualizer ?? So out of the blue :/
@mylo19972 жыл бұрын
nice , it what i needed!
@soumenj27 ай бұрын
Could you please tell me the place from where you are referring the values in "extends" property ?
@aamiramin61122 жыл бұрын
Amazing video thanks for sharing
@waili40282 жыл бұрын
great video! this is exactly what i need!
@GoblinBlaster30002 жыл бұрын
Thanks for the great walkthrough! The pace was perfect and the content was informative.
@madmat88252 жыл бұрын
Great tutorial!
@palach_6666 ай бұрын
Thanks you🎉
@DuyTran-ss4lu2 жыл бұрын
Awesome
@MrMegaFirestarter Жыл бұрын
Excellent but .. in "extends" - "airbnb" have to be replaced to "airbnb-base" otherwise "ESLint couldn't find the config "airbnb" to extend from."
@pireus2110 ай бұрын
Hello guys! I am a beginner on the field and what i do not understand is the following: Do i have to do these steps every time i start a project and open a file or just once and done with it? Also, where would be recommended to save the file?
@regilearn21382 жыл бұрын
Hi Coderone,wow greate video about the react from scratch setup ,I would like to request a react video from you,bcz i know you would definitely do this for youtube developrs, my request is please do a react video how to use* All the form components like radio btn, select box,Checkbox,input ,calendar etc* and practically what we use in industry to build apps **without any third part library please only use pure react with hooks***,bcz it will give the clear idea before moving in to formik or any other libruary,i would appreciate if u can use Mongodb for this.
@tanmayjain192 жыл бұрын
Great Video, on Point!! Just one thing which i believe you missed out is eslintignore file and it features. I implemented your code but was facing one error which I solved using eslintignore file.
@DaveTheDeveloper Жыл бұрын
There are all these amazing tools for formatting or sth. else that makes your life easier. Meanwhile in school, we still have to write code on paper and the teacher is like "You have to know it without the pc" lmao.
@nantipatsawanglak80842 жыл бұрын
problems and than volu automate the boi cuz I didn’t know how to sidechain. My one buddy produces riddim and he legit saw my daw
@ashutoshbisoyi8074 Жыл бұрын
Pretty helpful. @CoderOne could you please tell me which version of node you were using at this time
@bedirhan70292 жыл бұрын
All of my computers got the softwares here. I first install them on virtual environnt to make sure they're not malware. So I can assure
@PewDiePie7772 ай бұрын
I am sorry, but am I the only one not getting the same ESLint installation he got? I didn't have any style choice, and it also shows, that it is ESLint 1.20.00. How do I get what he got?
@CoderOne2 ай бұрын
@@PewDiePie777 I was just going through ESLint setup a couple of days ago and it looks like they have changed the setup and installation, actually, they made it easier now using their new CLI, just run the ESLint CLI as per docs and follow the terminal instructions (e.g choosing Typescript or Javacript) and it will do the setup for you.
@PewDiePie7772 ай бұрын
@@CoderOne Thank you, ima try it next time. Hopefully it helps.
@PewDiePie7772 ай бұрын
@@CoderOne I've tried it according to docs as well, but I am still not getting the third option of using my lint to check syntax, find problems, AND enforce code style. Which I am trying to choose, but I am not getting offered this choice. I only have two to pick, from. Which are to check syntax only, or to check syntax, and find problems. And it doesn't offer me any options regarding style like Airbnb as well(
@leevitammelin17952 жыл бұрын
Hi, I came from Brazil and this is perfect, I'm using after very easy, thanks!
@pradipspeaks9395 Жыл бұрын
For nest ts project which project I have to choose (like in place of your react app).
@quamzgraphix9826 Жыл бұрын
Best video on Eslint + prettier +husky config🥳🥳
@leraymond7062 жыл бұрын
i really waiting for this video uploaded
@santiagogarciavazquez65692 жыл бұрын
Nice, thx guys
@sidokouki670 Жыл бұрын
is it me or node apps doesnt have airbnb guide ?
@حسينعبده-ت3ض2 жыл бұрын
I downloaded it for free and get full version
@27sosite73 Жыл бұрын
ска топ! дякую, братуха
@bibhushankarki91942 жыл бұрын
did he pronounce husky as hashkey? xD
@prajwalmore7554 Жыл бұрын
Thanks. it really helped...!
@JustTrace172 жыл бұрын
Thank you so much! Helped a lot
@camilloalexandrebovio9022 Жыл бұрын
This video has a great value!
@morale30562 жыл бұрын
Thanks bloody so much!
@dogukan53842 жыл бұрын
SO link is given below!!!
@tula13082 жыл бұрын
Thank a lot for a good video
@naimurrahib57512 жыл бұрын
What’s the theme his using ?
@sofiabertomy53892 жыл бұрын
What a video bro! Can't thank you enough for this!
@denisotimguitar2 жыл бұрын
Awesome Work!🔥
@shofahabib39122 жыл бұрын
lot during covid.
@rofin3631 Жыл бұрын
thank you so much
@harishkumarforever5152 жыл бұрын
worth your course
@BotanicalWonders602 жыл бұрын
thank so much
@reikoleci4303 Жыл бұрын
works
@bostonlow4789 Жыл бұрын
what is the equivalent for npm init @eslint/config in yarn?