Библиотека фронтендера | Frontend, JS, JavaScript, React.js, Angular.js, Vue.js
21.8K subscribers
2.81K photos
194 videos
44 files
5.13K links
Все самое полезное для фронтенда в одном канале.

По рекламе: @proglib_adv

Учиться у нас: https://proglib.io/w/77178ed4

Для обратной связи: @proglibrary_feeedback_bot

РКН: https://gosuslugi.ru/snet/67a5b6884689c2151c820bb4
Download Telegram
📎 5 ESLint-правил, которые реально спасают

1️⃣ eqeqeq — только строгое сравнение

Пример:


if (user.id == “123”) — опасно
if (user.id === “123”) — безопасно


Двойное равенство делает скрытые преобразования типа:


0 == “0” → true


2️⃣ no-implicit-coercion

Пример:


const str = “” + value — неявное приведение
const str = String(value) — явно и понятно


3️⃣ no-unused-vars + no-undef

Ловят опечатки до запуска:


const userName = “Alex”
console.log(usrName) — ESLint сразу найдёт ошибку


4️⃣ no-console


console.log(“ДЕБАГ!!!”, userData)


Если забыть убрать — может утечь чувствительная информация в продакшене

5️⃣ prefer-const


let config = {…} — переменная не переназначается


ESLint подскажет заменить на const

Если нужно — могу сделать версию ещё короче (в один экран).

🔥 Тот же кейс, но с TypeScript


function processPayment(amount: number) {
api.charge(amount)
}

processPayment(«100»)


// string is not assignable to number

P.S. Если не готовы к TS — начните хотя бы с этих 5 правил.

🐸 Библиотека фронтендера

#code_battle
Please open Telegram to view this post
VIEW IN TELEGRAM
3👍1