Как ускорить создание компонентов с помощью Plop-генератора или автоматизация рутинных задач в React / Хабр
https://habr.com/ru/articles/847050/
https://habr.com/ru/articles/847050/
Хабр
Как ускорить создание компонентов с помощью Plop-генератора или автоматизация рутинных задач в React
Типичная фронтовая команда Что имеем? А имеем мы довольно крупную команду фронтендеров, которая раздедлена на небольшие подгруппы, каждая из которых отвечает за свои микросервисы. В конечном итоге,...
Улучшаем процесс ревью в команде / Хабр
https://habr.com/ru/articles/850488/
https://habr.com/ru/articles/850488/
Forwarded from Заметки разработчика
#NodeJS #React
👩💻 Что означает гидратация
Термин гидратация часто встречается в разговорах о JavaScript фреймворках.
Короткий ответ: это процесс, в ходе которого JavaScript выполняет, согласовывает и делает интерактивным HTML, уже находящийся в DOM, посредством рендеринга на стороне сервера (SSR).
🖥 Читать статью
📱 @dev_notes_ru
Термин гидратация часто встречается в разговорах о JavaScript фреймворках.
Короткий ответ: это процесс, в ходе которого JavaScript выполняет, согласовывает и делает интерактивным HTML, уже находящийся в DOM, посредством рендеринга на стороне сервера (SSR).
Please open Telegram to view this post
VIEW IN TELEGRAM
Руководство по merge, rebase, squash и cherry-pick
https://www.dev-notes.ru/articles/git/guide-to-deeply-understand-merge-rebase-squash-and-cherry-pick/
https://www.dev-notes.ru/articles/git/guide-to-deeply-understand-merge-rebase-squash-and-cherry-pick/
Заметки разработчика
Руководство по merge, rebase, squash и cherry-pick
Руководство по глубокому пониманию Merge, Rebase, Squash и Cherry Pick, и когда их использовать с реальными примерами
Forwarded from Javascript
🧪 Тестирование JavaScript-кода с помощью библиотек Jest и Cypress
Тестирование вашего JavaScript-кода стало проще благодаря Jest и Cypress. Эти инструменты предлагают мощные функции для написания эффективных тестов и автоматизации. 📊
Jest: Фокусируется на тестировании модулей и компонентов.
Cypress: Идеален для end-to-end тестирования.
🔗 Обучающие материалы: Testing JavaScript
🌟 Убедитесь, что ваш код работает безупречно!
@javascriptv
Тестирование вашего JavaScript-кода стало проще благодаря Jest и Cypress. Эти инструменты предлагают мощные функции для написания эффективных тестов и автоматизации. 📊
Jest: Фокусируется на тестировании модулей и компонентов.
Cypress: Идеален для end-to-end тестирования.
🔗 Обучающие материалы: Testing JavaScript
🌟 Убедитесь, что ваш код работает безупречно!
@javascriptv
Подборка механических клавиатур: 5 беспроводных моделей для работы и творчества / Хабр
https://habr.com/ru/companies/first/articles/848086/
https://habr.com/ru/companies/first/articles/848086/
Forwarded from opennet.ru
Бывший член совета директоров Linux Foundation пояснил причины удаления мэйнтейнеров из РФ https://opennet.ru/62106/
www.opennet.ru
Бывший член совета директоров Linux Foundation пояснил причины удаления мэйнтейнеров из РФ
К обсуждению удаления мэйнтейнеров из РФ присоединился Джеймс Боттомли (James Bottomley), мэйнтейнер подсистемы SCSI, ранее занимавший посты члена совета директоров и председателя технического консультативного совета Linux Foundation. Джеймс извинился за…
Jujutsu — новая система контроля версий / Хабр
https://habr.com/ru/articles/853416/
https://habr.com/ru/articles/853416/
Создателю Флибусты Стиверу, с благодарностью от Java / Хабр
https://habr.com/ru/articles/856128/
https://habr.com/ru/articles/856128/
Хабр
Создателю Флибусты Стиверу, с благодарностью от Java
20 октября после продолжительной борьбы с глиобластомой скончался первоначальный автор декомпилятора Java Fernflower Стивер. Стивер был немецким программистом русского происхождения, в...
Forwarded from mefody.dev
Прекрасные аутлайны для фокуса
Томас Гюнтер делится советами, как сделать хорошее выделение фокусом, если дефолтные браузерные вам не подходят.
1. Используйте
2. Если нужно выделить только текст, без фона, можно цветом обводки сделать
3. Когда элемент находится на каком-то фоне, нужно помнить про контрастность, подсматривать в рекомендации WCAG. Красивая белая обводка на белом фоне — лучше уж дефолтная браузерная.
4. Обводку можно делать двойную (внутри светлое, снаружи тёмное) при помощи
5. Можно в принципе не делать никакую обводку, если есть уже готовые стили для
https://medienbaecker.com/articles/focus-outlines
Томас Гюнтер делится советами, как сделать хорошее выделение фокусом, если дефолтные браузерные вам не подходят.
1. Используйте
:focus-visible вместо :focus. В таком случае фокусное выделение будет показываться тогда, когда оно действительно нужно.2. Если нужно выделить только текст, без фона, можно цветом обводки сделать
currentColor — в целом, смотрится неплохо. В статье есть готовый сниппет, который можно попробовать вставить в проект как умолчание, если дизайнер пока не придумал отдельно фокусные состояния интерактивных элементов.3. Когда элемент находится на каком-то фоне, нужно помнить про контрастность, подсматривать в рекомендации WCAG. Красивая белая обводка на белом фоне — лучше уж дефолтная браузерная.
4. Обводку можно делать двойную (внутри светлое, снаружи тёмное) при помощи
outline и box-shadow. Вполне себе универсальный паттерн, который будет смотреться хорошо почти на любом фоне, если вдруг не наткнётся на опасный overflow: hidden.5. Можно в принципе не делать никакую обводку, если есть уже готовые стили для
:hover, которые явно меняют внешний вид элемента, чтобы было видно, что он выделен. Заметное изменение фона, цвета текста, тени или бордера — что угодно, лишь бы было понятно, что я сфокусировался на элементе.https://medienbaecker.com/articles/focus-outlines
Medienbaecker
Beautiful focus outlines · Medienbäcker Thomas Günther
How to make focus outlines both beautiful and accessible. I'll show you my approach using CSS custom properties, share practical tips for different contexts, and explain why treating focus states as essential design elements creates interfaces that work for…
Новый этап эволюции Vue — Vapor / Хабр
https://habr.com/ru/companies/first/articles/856346/
https://habr.com/ru/companies/first/articles/856346/
Вся правда о переходе с монолита на микросервисы, когда у тебя сеть из десятков тысяч магазинов: опыт Х5 Tech / Хабр
https://habr.com/ru/companies/netologyru/articles/857026/
https://habr.com/ru/companies/netologyru/articles/857026/
Лучшие backend-фреймворки для веб-разработки в 2024 году / Хабр
https://habr.com/ru/companies/timeweb/articles/856584/
https://habr.com/ru/companies/timeweb/articles/856584/
Хабр: «Энциклопедия профессора Фортрана»: вспоминаем легендарную книгу из детства миллениалов
https://habr.com/ru/companies/ruvds/articles/856730/
https://habr.com/ru/companies/ruvds/articles/856730/
Forwarded from mefody.dev
У CSS новый лого
Пока в соц. сетях между адептами Tailwind и БЭМ идут очередные тёрки, а AI-стартапы учатся генерировать целые приложения в 2 клика, Адам Аргайл запустил на гитхабе голосование за новый логотип CSS. Началось это ещё в августе, а буквально вчера выбор был сделан.
Победил вариант
https://github.com/CSS-Next/logo.css
Пока в соц. сетях между адептами Tailwind и БЭМ идут очередные тёрки, а AI-стартапы учатся генерировать целые приложения в 2 клика, Адам Аргайл запустил на гитхабе голосование за новый логотип CSS. Началось это ещё в августе, а буквально вчера выбор был сделан.
Победил вариант
rebeccapurple, минималистичный логотип со скруглениями. Пора обновлять потихоньку картинки в слайдах для докладов.https://github.com/CSS-Next/logo.css
GitHub
GitHub - CSS-Next/logo.css
Contribute to CSS-Next/logo.css development by creating an account on GitHub.
Forwarded from этогик // DevOps, Infrastructure, Productivity
Задавался ли ты вопросом, есть ли разница между Pull Request в GitHub (PR) и Merge Request в GitLab (MR)?
Разница в названиях — смысловая:
GitHub исторически использовался для Open Source разработки. Название Pull Request подчеркивает, что вы просите основную ветку принять ваши изменения — стянуть их.
Смотрите, что я сделяль, заберите, пожалуйста💻
GitLab чаще используется для внутренней корпоративной разработки, поэтому мы там создаем Merge Request для слияния вашего кода в целевую ветку.
Я вот сделяль, хочу залить в мастер👋
Они означают один и тот же процесс: это запрос на слияние изменений из одной ветки в другую (чаще всего в
master). После создания или изменения MR/PR могут запускаться линтеры, тесты вашего кода, сборка, развертывание приложения в динамическое окружение. Это прям Continuous Integration уже!
В MR/PR также проводится код-ревью: в идеале код, который не видели коллеги, не должен быть влит в основную ветку. Для этого настраиваются Branch Protecting Rules.
Если все окей, финальное действие — это слияние вашей кода в целевую ветку.
Мы с командой недавно переехали в GitLab после нескольких лет использования GitHub, и до сих пор по привычке говорим "глянь мой ПР". Вот тут кратко рассказывал про особенности переезда.
этогик | youtube | #техшортики
Please open Telegram to view this post
VIEW IN TELEGRAM
Разработка Telegram Mini App с помощью React / Хабр
https://habr.com/ru/companies/timeweb/articles/858382/
https://habr.com/ru/companies/timeweb/articles/858382/
Forwarded from Web Stack
Эта статья расскажет о переходе от Vuetify к альтернативам, в частности, к Element Plus, который хоть и поддерживает глобальную конфигурацию, но ограничен в настройках отдельных компонентов.
Please open Telegram to view this post
VIEW IN TELEGRAM