Why I always use ESLint in my projects

  Рет қаралды 70,030

Web Dev Cody

Web Dev Cody

Күн бұрын

Пікірлер: 48
@WebDevCody
@WebDevCody 2 жыл бұрын
I also use prettier as well for if you’re wondering. I may make another video on the both together. 🍻
@richardhendcts
@richardhendcts 2 жыл бұрын
It would be great if you consider a eslint/prettier setup for a typescript project.
@WebDevCody
@WebDevCody 2 жыл бұрын
@@richardhendcts I’ll make another video on it
@cedricsmit8794
@cedricsmit8794 2 жыл бұрын
@@WebDevCody that would be awesome :)
@3rd_iimpact
@3rd_iimpact 2 жыл бұрын
Please do!
@Pilosofia
@Pilosofia 2 жыл бұрын
prettier is for formatting the code while Eslint is for watching the quality of the code and the best practices. the two are different and save different purposes. both are important for good quality projects. you can make a prettier config and make it run each time someone made a commit to the git by using something like husky so you no longer need to set up formatting rules in eslint.
@MORPHS_01
@MORPHS_01 2 ай бұрын
I have to thank you very much for talking about the "error lens" extension, that is going to streamline most of my web dev journey from here on out
@Goyo_MGC
@Goyo_MGC 2 жыл бұрын
Eslint is indeed for me mandatory on any Js/Ts project however i dont use it exactly as you depicted it in the video. I like to keep separated the logic error from my styling error. To do so i set up my projects so that eslint handles all the logic ( ex: no unused vars) and prettier is in charge of making my code looking better ( no semi, space before brackets, ...).
@anuragband8379
@anuragband8379 2 жыл бұрын
I was just Looking for Eslint video, Just found you channel this week very helpful for me In starting of pro Developer Journey, Especially LOVING the Live Coding sessions, Keep Going......❤️❤️❤️
@alexanderkrist95
@alexanderkrist95 2 жыл бұрын
Very good insight as always, thanks for doing those videos
@donaldjr.labajo5687
@donaldjr.labajo5687 2 жыл бұрын
Before, I didn't even use eslint. My coding pattern was everywhere, doing things that were not in according to best practices, mutations here and there, more of "freestyle" 😂😂 Thank you for this! ✨
@adamk.5552
@adamk.5552 Жыл бұрын
Thank you! This was one of the first things that stood out for me when I watched your very first video on controlled and uncontrolled inputs.
@SeanCassiere
@SeanCassiere 2 жыл бұрын
Found your content a little over a couple months ago, and man do I wish that I had videos like this when I started out a couple years back. As for ESLint, In my personal setups I tend to prefer use it only for enforcing the linting rules, and Prettier instead for code-style. Not the most robust setup I agree, especially if the user's extension isn't checking the .prettierrc file, but then again the same could be said for the ESLint extension as well 🤷‍♀.
@WebDevCody
@WebDevCody 2 жыл бұрын
It’s good to use both, I think your approach is the industry standard at this point
@pryansh_
@pryansh_ Жыл бұрын
this was very helpful. thnks !
@jshstuff
@jshstuff 2 жыл бұрын
I never liked prettier, but I’ll give this a try since it’s more customizable, very cool.
@ronniieeestar6274
@ronniieeestar6274 4 ай бұрын
Null Safety related error it is not throwing like if let arr = null console.log(arr[2]) not saying any null safety check like happens in Kotlin
@zilvinas5130
@zilvinas5130 2 жыл бұрын
What a great tutorial! Subbed!
@SeibertSwirl
@SeibertSwirl 2 жыл бұрын
Good job as usual babe ❤️
@akshatsharma880
@akshatsharma880 Жыл бұрын
When I am running the command to install eslint it is showing me unrecognised token in source text what should I do?
@Krzysiekoy
@Krzysiekoy 2 жыл бұрын
Great Video! Thumbs up!
@marsdwarf
@marsdwarf 2 жыл бұрын
Great explanation, thanks!
@paul1
@paul1 2 жыл бұрын
Have you tried XO? Its an eslint wrapper with a really nice default set of plugins.
@WebDevCody
@WebDevCody 2 жыл бұрын
I haven’t heard of it yet
@Daamilola
@Daamilola Жыл бұрын
Really helpful! Thank you
@annusingh4694
@annusingh4694 2 жыл бұрын
Thank you! These videos are very useful for self-taught developers like me. Also, is it possible to get a DevOps job early in the career (after learning & applying DevOps concepts) ? Or is it something reserved for seniors?
@WebDevCody
@WebDevCody 2 жыл бұрын
Devops is usually for more mid or senior roles I think, but devops often means you understand the full development process and operations process, you can’t learn those without experience imo. But it doesn’t mean a company won’t hire you for an entry level devops position
@annusingh4694
@annusingh4694 2 жыл бұрын
@@WebDevCody Thanks for sharing.
@SamirTorakai
@SamirTorakai Жыл бұрын
whats with global variables?
@HappyCheeryChap
@HappyCheeryChap 2 жыл бұрын
Might have been worth mentioning the linter part of eslint. I think n00bs might watch this and come away thinking it's just a slightly more configurable formatter.
@yousmile1984
@yousmile1984 2 жыл бұрын
Thank you
@korn6657
@korn6657 2 жыл бұрын
"Why I eat my soup with a spoon and not a fork"
@WebDevCody
@WebDevCody 2 жыл бұрын
Why not a spork?
@Stevgogo77
@Stevgogo77 Жыл бұрын
i'd be raging if you enforced having to use 2 spaces for indentation instead of a tab, why???
@Ash-ng4mn
@Ash-ng4mn 2 ай бұрын
Richard? Is that you? lol agreed.
@justafreak15able
@justafreak15able 2 ай бұрын
Space is better.
@st-jn2gk
@st-jn2gk 2 жыл бұрын
cool video
@33v4.
@33v4. 2 жыл бұрын
me: cries in tslint (not my fault)
@Pilosofia
@Pilosofia 2 жыл бұрын
tslint is deprecated and you should use eslint instead.
@33v4.
@33v4. 2 жыл бұрын
@@Pilosofia yeah we know but sadly we can't change this rn
@snatvb
@snatvb 2 жыл бұрын
don't need use eslint like prettier when exists prettier
@Krzysiekoy
@Krzysiekoy 2 жыл бұрын
Both tools are concerned mostly with different things.
@WebDevCody
@WebDevCody 2 жыл бұрын
Prettier isn’t enough to verify code is consistent enough
@Krzysiekoy
@Krzysiekoy 2 жыл бұрын
@@WebDevCody I agree. I tend to use both and I let prettier handle just the formatting as far as "aesthetics" go, and let eslint handle more "serious" rules, like allowing or disallowing hoisting etc. Might be an overkill though, not sure, I usually use some sort of predefined thing like Create React App where that stuff is handled for me.
@WebDevCody
@WebDevCody 2 жыл бұрын
@@Krzysiekoy yeah, usually just picking a predefined ruleset works is the best approach, but often they have rules that are either annoying or go against your opinions on how code should be written.
@snatvb
@snatvb 2 жыл бұрын
@@WebDevCody yes, eslint needs for other features, like static checks, for example dependencies of react hooks
This is the Only Right Way to Write React clean-code - SOLID
18:23
“Don’t stop the chances.”
00:44
ISSEI / いっせい
Рет қаралды 59 МЛН
VSCode ESLint, Prettier & Airbnb Style Guide Setup
22:40
Traversy Media
Рет қаралды 301 М.
How to Set Up ESLint in 2024 (For Beginners)
22:04
The Common Coder
Рет қаралды 8 М.
JavaScript Visualized - Event Loop, Web APIs, (Micro)task Queue
12:35
The important things to know about React state and renders
18:33
Web Dev Cody
Рет қаралды 28 М.
My Visual Studio Code Setup for Web Development
13:56
ForrestKnight
Рет қаралды 1,1 МЛН
Новый конфиг для Eslint 9
18:59
Михаил Непомнящий
Рет қаралды 13 М.
The last video on javascript promises you'll ever need to watch
30:34
How I Use Wezterm & Zsh For An Amazing Terminal Setup On My Mac
16:00
Josean Martinez
Рет қаралды 109 М.