Фронтенд Гайд

⚙️ Одна React-задача, демонстрирующая ключевые навыки на собеседовании Разбираем небольшую, но показательную задачу: компонент, загружающий данные по username. Оцениваем работу с хуками, асинхронностью, ошибками и race conditions, выявляя глубину технического мышления. #Полезное

Idea Form Анимированная форма для ввода с появлением при нажатии

❓ Что делает event.preventDefault() в JavaScript и когда его использовать? Метод event.preventDefault() отменяет стандартное поведение элемента, не прерывая обработку других событий. Это полезно для управления формами, ссылками и другими интерактивными элементами. 📌 При клике на ссылку переход не произойдет, так как действие браузера заблокировано. preventDefault() удобно использовать для валидации форм перед отправкой, отключения контекстного меню (contextmenu) и кастомного поведения кнопок и ссылок.

🫠 Fluid Simulation Сцена с интересной симуляцией жидкости с текстом.

React и графики: 8 библиотек для визуализации данных Какая библиотека лучше для графиков в React? Разбираем Recharts, Visx, Nivo, ECharts и другие: их возможности, плюсы и минусы. Поможем выбрать оптимальный инструмент для ваших задач.

Выучить Frontend бесплатно и быстро вообще реально? Ещё как ДА! Нашли для вас канал, в котором каждый день публикуют полезные статьи, разборы интервью, готовые приложения и код. С полного нуля дойти до оффера Джуна можно всего за месяц, а за полгода до Мидла. Сэкономь время и деньги: Frontend

Scroll-Driven Glow Cards Светящиеся карточки, меняющие цвет при скролле

Laravel 12. Что нового? Laravel 12 уже здесь! Основной акцент — плавное обновление без правок кода. Поддержка до 2027 года, два года обновлений и исправлений. Разбираем, что нового и насколько легко обновиться.

Gooey SVG Filter Button Анимированная кнопка с эффектом при наведении

❓ Что делает event.stopPropagation() в JavaScript и когда его использовать? Метод event.stopPropagation() останавливает всплытие события вверх по дереву DOM. Это полезно, когда нужно предотвратить выполнение обработчиков на родительских элементах. ✅ Пример:

<div onclick="alert('Div clicked!')">
    <button onclick="event.stopPropagation(); alert('Button clicked!')">Click me</button>
</div>

📌 При клике на кнопку сработает только alert('Button clicked!'), но alert('Div clicked!') не появится, так как всплытие остановлено. stopPropagation() удобно использовать, если внутри родительского элемента есть вложенные кликабельные элементы, но их события не должны влиять на родителя.

light/dark mode Анимированное переключение светлой и темной темы