Biblioteca Frontend - JS React

🐱 SQL на котиках JOIN — это способ соединить данные из разных таблиц по общему полю. В видео разбирают: — разницу между INNER и LEFT JOIN — почему строки могут «пропадать» — как формируется итоговый результат Подойдёт новичкам, тем, кто путается в JOIN, и всем, кто хочет перестать писать запросы вслепую. 📍 Навигация: [Вакансии] 🐸 Библиотека фронтендера #read_watch #sql

🤩 Для поворота необязательно считать градусы. В CSS есть единица turn: 1 turn = полный оборот = 360°. Например, 0.5turn — это 180°, а 2turn — два полных оборота. Особенно удобно, когда значение превышает 360°. 📍 Навигация: [Вакансии] 🐸 Библиотека фронтендера #readme

💡 Container Queries в действии Медиазапросы смотрят на размер viewport, а Container Queries — на размер самого контейнера. 📍 В примере кнопка меняет своё содержимое в зависимости от доступного пространства: если контейнер становится слишком узким, текст ADD TO CART скрывается, а иконка корзины остаётся. @container (max-width: 200px) { .button-text { display: none; } } Удобный подход для адаптивных компонентов, которые могут использоваться в разных местах интерфейса. 📍 Навигация: [Вакансии] 🐸 Библиотека фронтендера #readme

✨ React Bits — 165+ готовых анимаций для React Библиотека с копипаст-готовыми компонентами для тех случаев, когда хочется добавить интерфейсу немного магии, но писать анимацию с нуля лень: → текстовые анимации и эффекты → интерактивные UI-компоненты → анимированные фоны → эффекты для изображений и видео → версии для JS/TS и CSS/Tailwind Компоненты можно устанавливать через CLI или просто забрать исходный код и адаптировать под свой проект. Есть и дополнительные инструменты: Background Studio, Shape Magic и Texture Lab — для создания фонов, SVG и визуальных эффектов. 🔗 GitHub 📍 Навигация: [Вакансии] 🐸 Библиотека фронтендера #stack

✅ Правильный ответ: ❤️ 1 Почему: все три вызова используют значение count из текущего рендера. При count = 0 каждый вызов фактически планирует обновление до 1. Если заменить на: setCount(c => c + 1); setCount(c => c + 1); setCount(c => c + 1); тогда результатом будет 3. 📍 Навигация: [Вакансии] 🐸 Библиотека фронтендера #code_challenge

Что выведет код? 🔥 — 3 ❤️ — 1 🥰 — 2 🤔 — ошибка 📍 Навигация: [Вакансии] 🐸 Библиотека фронтендера #code_challenge

😮 Visual Types: типизация через картинки Вместо чтения про "Union type позволяет переменной быть одним из нескольких типов" — видишь схему, и всё сразу понятно. Что покрывает: 🔤 Примитивы, объекты, массивы, Union/Intersection типы, дженерики — все базовые концепции. Полезно для начинающих в TypeScript или тех, кто запутался в терминологии. 🔗 Ссылка на гид 🐸 Библиотека фронтендера #readme #ts

📍 Навигация: [Вакансии] 🐸 Библиотека фронтендера #pixel_pause

🔥 — 1 2 5 3 4 ❤️ — 1 2 3 5 4 🥰 — 1 2 5 4 3 🤔 — 1 5 2 3 4 🐸 Библиотека фронтендера #code_challenge #js