Эх 👥👥

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

#pixel_pause

⚙️ Git: remote’ы, которые ломают сборки

Проблема часто не в коде, а в том, откуда он взят.

✅ Зачем git remote:

Когда есть dev / stage / prod, форки и PR, легко:

— тестировать не ту версию
— чинить несуществующий баг
— деплоить «не туда»

Полезные команды:

🔵 Подключить fork или окружение

git remote add <name> <url>

🔵 Проверить источники кода (must-have)

git remote -v

🔵 Посмотреть доступные ветки

git remote show <name>

🔵 Переименовать origin → prod

git remote rename <old> <new>

🔵 Убрать лишний remote

git remote remove <name>

📍 Навигация: [Вакансии]

🎁 Новогодняя акция: 3 курса по цене 1
🤝 Помощь с выбором курса

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

#readme #git

🎨 Визуальная шпаргалка по CSS

Сайт, который должен быть в закладках у каждого фронтендера.

♾ Фишки:

— Иллюстрации для каждого свойства
— Удобные коллекции: Flexbox, Grid, Animations, Typography
— Быстрый поиск по свойствам
— Идеально для освежить память перед собесом

Особенно полезно для объяснения CSS джунам — показали картинку, и не нужно рисовать на доске 😄

📍 Навигация: [Вакансии]

🎁 Новогодняя акция: 3 курса по цене 1
🤝 Помощь с выбором курса

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

#readme #css

🧑‍💻 Flexbox без калькулятора

3 элемента
flex: 1 0 100px
Контейнер 500px

Какой будет offsetWidth одного блока?

❤️ — 100px
😁 — 166.66px (или ~167px)
👾 — 500px
🌚 — 0px

📍 Навигация: [Вакансии]

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

#code_challenge

📎 Шпаргалка по фронтенду

Сжатый конспект ключевых тем и механизмов современной фронтенд-разработки.

🗳 Объяснения, примеры и практические заметки — для быстрого повторения, работы и подготовки к собеседованиям.

📍 Навигация: [Вакансии]

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

#readme

⚛️ React: правильный useEffect с setInterval

Типичная ошибка — класть состояние в зависимости эффекта, который сам его обновляет.

❌ Плохо

count в зависимостях → useEffect пересоздаёт setInterval каждую секунду.

✅ Правильно

Функциональное обновление → интервал создаётся один раз, состояние всегда актуально.

Правило из документации:

Если новое состояние зависит от предыдущего — используйте функциональное обновление.
useEffect не должен перезапускаться из-за собственного setState.

📍 Навигация: [Вакансии]

🎁 Новогодняя акция: 3 курса по цене 1
🤝 Помощь с выбором курса

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

#hotfix #react

🔌 JavaScript-фичи, о которых многие не знают

Недавно наткнулись на то, что Safari в марте этого года добавил поддержку Iterator helpers. А ведь это реально полезная штука — позволяет делать цепочки трансформаций массивов без создания промежуточных копий.

🔤 Ещё несколько моментов, которые удивили:

array.at(-1) вместо array[array.length - 1]

structuredClone() вместо танцев с JSON.stringify/parse

У Set появились нормальные операции типа union() и intersection()

🔗 В статье собраны 9 таких фич — часть новые, часть просто малоизвестные. Например, про callback в replaceAll() или про то, что Promise.withResolvers() избавляет от странного паттерна с промисами.

📍 Навигация: [Вакансии]

🎁 Новогодняя акция: 3 курса по цене 1
🤝 Помощь с выбором курса

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

#read_watch