Искали медь, а нашли топ инструментов, которые сделают из вашего фронтенда золото

— Neumorphism.io: Создавайте стильные неоморфные элементы с настройкой теней и света.
— UIverse: Обширная библиотека элементов для креативных UI.
— Ray.so: Генерируйте красивые код-сниппеты для гайдов и туториалов.
— Icon Maker: Инструмент для быстрой разработки уникальных иконок.
— ReactToPrint: Легкий рендеринг и печать React-компонентов с настройками стилей.
— Kontra.js: Микробиблиотека для создания мини-игр в 13KB с основными игровыми функциями.
— Swapy: Превращение макетов в интерактивные интерфейсы с drag-and-drop.
— WebJSX: Минималистичная библиотека для создания веб-приложений с JSX.
— Web Maker: Оффлайн-песочница для фронтенда с поддержкой препроцессоров.
— Sniper CSS: Оптимизация CSS-кода и удаление неиспользуемых стилей.
— Recharts: Библиотека для создания настраиваемых графиков в React.
— Creatie: Платформа для аудита и улучшения UI/UX с инструментами на основе ИИ.

Детальней с примерами

#подборка #фронтенд #ru

Вопросы к UI. Часть 1

Вам нравится современный подход к созданию UI?

Автор этой статьи считает, что популярные сегодня подходы и инструменты зачастую используются неправильно и не эффективно.

На примере шаблона компонента, созданного с помощью разных фреймворков и библиотек, он разбирает основные (на его взгляд) проблемы.

Соглашаться с ним или нет — решать вам, но для начала прочтите его доводы:

https://habr.com/ru/articles/864816/

#ui #фронтенд

Когда нет ничего и ещё меньше: что скрывают null и undefined

Открываете консоль, а вместо ожидаемого значения — загадочное null или ещё более призрачное undefined. Что это за литеры, почему они похожи, но ведут себя по-разному, и главное — как их не перепутать, когда пишете или просто читаете JavaScript-код?

Мы разложили для вас по полочкам две «дыры в матрице» JS. Вы узнаете:
— почему undefined появляется сам, а null нужно пригласить;
— как сравнение == подсовывает ловушки, а === спасает;
— зачем typeof считает null «object» и что с этим знанием делать;
— какие ошибки в продакшене стоят одной пропущенной проверки на пустое значение.

Материал пригодится, даже если вы не пишете скрипты каждый день: разберётесь в лексиконе коллег, быстрее отловите баги на фронте и перестанете пугаться «Cannot read property of undefined» в браузере. А ещё это шаг к тому, чтобы говорить с разработчиками на одном языке без технического словаря под рукой.

#javascript #фронтенд