ESLint Quickstart - find errors automatically 

Ironic that I actually learned more about git commit workflow than ESLint on this tutorial. Thank you regardless!

Also, ESLint can automatically fix a huge number of errors for '--fix' command. Example: npm run lint --fix. In this case, you do not need to change code by yourself.

great tutorial, quick and just to the point

Great explanation! Thank you for help with eslint basics!

One of the best videos about eslint

I got a nice satisfying *that just clicked in my brain moment*, thanks!

The integrated terminal is looking great. What configuration did you use to have those colors??

Nice, clean, and to the point! Excellent intro tutorial!

Thanks for that, helped me to a lot! ^^

It would be interesting to know about your typing flow! Not only speed but shortcuts, layout, etc.

very clear demonstration, thanks

Thanks for the good quick introduction of eslint 🥂

Short, clear, super!!!😀

Good video, little hint here: you can just write down npm init -y and it will generate for you default package.json without answering questions

vscode doesnot highlight any lint related warnings for me. why is that?

The URL ends with 'es' nice'

Nice explanation! Thank you

Love the video, thanks : What frustrates me more as each day passes on is that every single time, I start a project, even if its just doodling (if you know what I mean) I have to go through this same motion every single time. Buy the time I init everything for git, npm, eslint etc etc etc and everything in between that falls after. I dont want to code anymore, because I get so frustrated with having to do these same steps over and over just to code and play around with ideas that hour or day.... Im really starting to contemplate on setting a bunch of stuff as global.

super clean info, thanks!

Very good! thanks

Very useful video!

Hi Harry, what is the theme that you are using for your vscode?

Great tutorial thanks

voice of a real developer 7:51

Amazing,very useful, thank you.Kindly make video for redux js.

vscode eslint extension is already installed here, right?

manso aporte hermano mio!

love the bangin' intro music

Thank's a lot!!

I'm new in js, node.js and vscode. For intellisense Currently starting with free tabnine. Which intellisense are you using in this tutorial?

hi, how do people have the branch name they are on shown in the terminal like you do "git:(master)" is it a mac only thing or some external package?

Thanks man 👍

Nice. Just a point on presentation, would be helpful if your editor was full screen in order to better see the code. Probably for the visually impaired. Thanks.

thats fast typing :)

How do you get your terminal to look that way?

What's the command for eslint to automatically fix the errors in your js file? So instead of having to manually fix the errors, run that eslint command that fixes those errors for you. That should be possible right?

thanks for the video but i guess its better to have vscode in fullscreen and minimize your camera stream

Do I need eslint if I'm already using tsserver (CoC)?

why there isn't an extension for this already?

I wish I could become a good coder but I have trash memory and all then commands are so hard to remember. But so far I have been working on editing some json files to add spells to CDDA.

I love it. Tho I'd like to know if is there a way to config it as a built-in functionality on vscode? I wanna use it on all my projects but I don't actually like the idea of having it as a dev dependency.

How did the for loop pop up so fast? What is the name of that sorcery ?

cool breakbeat intro

Very nice

very useful

How did he make that for loop right away at 2:00?

I am wondering why all tutorials I watch don't work on my pc. I get always errors and I cannot proceed...

Hi, can you help me with a problem in ESLINT? When I activate 'formatOnSave' in VSCode and save my modifications, every time the editor removes the space before a parentheses in a function definition (or, precisely, at 'methods' and 'computeds' objects in VueJs) and I need this space to work with my Lint (Standard). Although I activate this feature in the EsLint configuration (User Configuration in VSCode) and on .eslint file, the result is the same. However if I use and arrow function like below, the doesn't complain: methods: { KissMe: () => { ... } } Do you know how to fix this issue?

Hey, I am getting TypeError: Failed to load plugin 'jest' declared in '.eslintrc': Class extends value undefined is not a constructor or null. Please help.

please can anybody suggest me how to install, initialize and use ESLint only, I am new to coding and this video just frustrates with things that I don't know but I must learn

thanks

Why did we add lint to scripts in package.json? How does it help?

You da man

that colors in the terminal. how can i get it?

1:14 npm init -y instead

How can I use gst for git status? What I have to do? its not working in my pc

i dont know what that last part was meant for, starting at around 8:00.

2:20 that's how computer respond to my code😣.

it's not working on sublime text, i's not highlighting anything

🎯 Key Takeaways for quick navigation: 00:31 🚧 *ESLint is like guardrails for your JavaScript code, ensuring it's healthy and error-free.* 01:13 🛠️ *Start a new project with `npm init` and make an initial commit to track progress.* 03:10 📦 *Install ESLint as a dev dependency with `npm install --save-dev eslint`.* 03:37 🔄 *Initialize ESLint with `eslint --init` and answer configuration questions.* 04:48 🔍 *Review ESLint's built-in recommended rules and customize based on project needs.* 06:13 🚫 *Use comments to disable specific ESLint rules, but consider explicit rule references for clarity.* 07:22 ⚙️ *Add a lint script to `package.json` for command-line linting using `npm run lint`.* 08:19 🌐 *Explore richer ESLint configurations online, like Airbnb's, but start with basic recommended files for a solid foundation.*

Thank you for ending with a semicolon.

What women say about me 1:04: yes yes good great perfect love it! yes! SwEet!

Jesus thank you 🙏

Please find the ts code which is resulting in 24 problems and unable to solve it. ------------------------------------------------- async onmousemove(textToDisplay: string, elementToMouseHover: ElementFinder) { it('mouse hover on ' + textToDisplay, async () => { await browser.wait(ExpectedConditions.elementToBeClickable(elementToMouseHover)); await browser.driver.actions().mouseMove(elementToMouseHover).perform(); return; }); } ------------------------------------------------- ',' expected. Cannot find name 'async'. Expected 1-3 arguments, but got 6. Cannot find name 'textToDisplay'. 'string' only refers to a type, but is being used as a value here. Cannot find name 'elementToMouseHover'. Parameter '(Missing)' implicitly has an 'any' type. ------------------------------------------------- ------------------------------------------------- Please share your comments to resolve the errors.

It's ok if you just watch it but if you want to follow along with coding that is waaaay too fast. Constant pausing and rewinding is so distracting and frustrating that it actually makes the whole video pointless. IMHO, if you're supposed to teach someone something you shouldn't act as if it was some kind of race. There's no prize for whoever finishes their lesson first. After 3 min I decided to just watch it and watching without doing is not very helpful in learning.

ew spaces... JK!

Would prefer to see the windows full screen, rather than waste half the view with you waving your hands about in that annoying, distracting manner... You could learn a lot from Traversy Media in terms of presentation.

Thanks, but no thanks.