Please open Telegram to view this post
VIEW IN TELEGRAM
😁8🤩2🌚2😢1
Проблема часто не в коде, а в том, откуда он взят.
Когда есть dev / stage / prod, форки и PR, легко:
— тестировать не ту версию
— чинить несуществующий баг
— деплоить «не туда»
Полезные команды:
git remote add <name> <url>
git remote -v
git remote show <name>
git remote rename <old> <new>
git remote remove <name>
#readme #git
Please open Telegram to view this post
VIEW IN TELEGRAM
🥰4❤3
Что чаще всего ломает прод во фронтенде? 😱
Anonymous Poll
7%
Конфиг / env
6%
Фича-флаг
29%
“Мелкий” хотфикс
5%
Несовпадение веток
15%
Кеш / CDN
39%
Никто не знает
🥰5
This media is not supported in your browser
VIEW IN TELEGRAM
Сайт, который должен быть в закладках у каждого фронтендера.
— Иллюстрации для каждого свойства
— Удобные коллекции: Flexbox, Grid, Animations, Typography
— Быстрый поиск по свойствам
— Идеально для освежить память перед собесом
Особенно полезно для объяснения CSS джунам — показали картинку, и не нужно рисовать на доске
#readme #css
Please open Telegram to view this post
VIEW IN TELEGRAM
❤5🔥2🥰2
Большинство «странных» багов в JS начинаются не с фреймворков, а с типов данных. Непонимание разницы между примитивами и объектами приводит к ошибкам в сравнениях, мутации данных и поведении функций.
#career_merge
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
👍5❤2🥰2
3 элемента
flex: 1 0 100px
Контейнер 500px
Какой будет offsetWidth одного блока?
❤️ — 100px
😁 — 166.66px (или ~167px)
👾 — 500px
🌚 — 0px
#code_challenge
Please open Telegram to view this post
VIEW IN TELEGRAM
😁15❤5🥰1🌚1👾1
frontend-fundamentals cheatsheet.pdf
58.6 MB
Сжатый конспект ключевых тем и механизмов современной фронтенд-разработки.
#readme
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥6🥰2❤1
⚛️ React: правильный useEffect с setInterval
Типичная ошибка — класть состояние в зависимости эффекта, который сам его обновляет.
❌ Плохо
count в зависимостях → useEffect пересоздаёт setInterval каждую секунду.
✅ Правильно
Функциональное обновление → интервал создаётся один раз, состояние всегда актуально.
Правило из документации:
📍 Навигация: [Вакансии]
🎁 Новогодняя акция: 3 курса по цене 1
🤝 Помощь с выбором курса
🐸 Библиотека фронтендера
#hotfix #react
Типичная ошибка — класть состояние в зависимости эффекта, который сам его обновляет.
count в зависимостях → useEffect пересоздаёт setInterval каждую секунду.
Функциональное обновление → интервал создаётся один раз, состояние всегда актуально.
Правило из документации:
Если новое состояние зависит от предыдущего — используйте функциональное обновление.
useEffect не должен перезапускаться из-за собственного setState.
#hotfix #react
Please open Telegram to view this post
VIEW IN TELEGRAM
❤4👍3🥰2