Постепенно улучшайте HTML с помощью облегченных JavaScript-библиотек

«Никаких инструментов сборки, компиляторов и хлопот». UnsuckJS: сравнительная таблица JavaScript-библиотек, в которой представлены популярность (последний коммит, количество звезд, форков и других показателей), размер и последние версии таких библиотек, как Preact, bau, htmx, Hyperapp, Mithril и многих других.

🏗️ Ненужная сложность: почему мы неправильно проектируем программное обеспечение

В этой статье расскажем про причины неправильного проектирования ПО и предложим средства для устранения анти-шаблона ненужной сложности.

🔗 Основной сайт
🔗 Зеркало

Segun Adebayo, наиболее известный своей библиотекой компонентов Chakra UI, вернулся с новым подходом под названием CSS-in-JS.

Новый инструмент может похвастаться стилями, сгенерированными во время сборки, безопасностью типов из коробки и масштабируемостью. Он работает с Remix, Vite, Next.js, Astro и даже с RSC.

💡 Подробнее

👨‍💻🗺️ Кому в IT жить хорошо: Indeed опубликовал список из 19 наиболее востребованных спецов за рубежом в 2023 году

Рассказываем, кем нужно быть и какой стек начать изучать, чтобы жить в Кремниевой долине и зарабатывать от $150 000.

🔗 Основной сайт
🔗 Зеркало

👨‍💻🚀 Пример галереи изображений на CSS + HTML с эффектом наведения. Код здесь.

✍️ «Библиотека программиста» находится в поиске переводчика технических статей

Обязанности
• Перевод технических статей, документации и руководств с английского на русский язык.
• Редактирование и корректура переведенных текстов для обеспечения высокого качества и своевременной доставки переводов.

Что значит редактирование? Просто так взять DeepL и слово в слово перевести статью не получится?
• Не получится. Как правило, 10–40% текста — «вода». Переводчик должен убрать все лишнее и оставить главное, чтобы читатель не тратил время на чтение «забавной истории из жизни моего питомца, который внес неоценимый вклад в написание данного материала».

Мы предлагаем
• Удаленку.
• Официальное трудоустройство.
• Своевременную оплату за выполненную работу.

➡️ Заполнить анкету ⬅️

Я хорошо программирую, но пишу «так себе». Что делать?
Если вы хорошо программируете, но навыки письма немного отстают, пройдите наш бесплатный курс на Степике «Статьи для IT: как объяснять и распространять значимые идеи».

💭Как вы пришли во фронтенд?

Многие, вероятнее всего, начинали свой путь с верстки. А что было дальше? JavaScript, TypeScript, React, Angular, Vue, … ?

#холивар

Использование useMutation в React Query для создания продвинутого переключателя

«Продвинутый» в данном случае означает обыкновенный переключатель, но с такими фичами, как выполнение внешнего запроса при нажатии, появление индикатора рядом с переключателем во время выполнения запроса и отображение ✅ / ❌ при успешном/неуспешном выполнении запроса.

Читать

За последние несколько лет фронтендеры хотели иметь возможность выбирать значение из списка в CSS, переключая одно кастомное свойство.

У нас есть space toggle для логических значений, и, возможно, однажды мы получим запросы стиля, но что насчет сегодняшнего дня?

Читайте подробнее о технике Cyclic Dependency Space Toggles, которую недавно обнаружил Роман Комаров.

4 способа перебора JavaScript-объекта, которые стоит знать: на заметку фронтенд-разработчику.

#javascript #tip by Shripal Soni

Анастасия Щедрина, фронтенд-техлид проекта размещения объявлений в компании Домклик, рассказывает об устройстве правил в ESLint и показывает примеры разработки собственных.

Статья будет полезна как тем, кто уже задумался о создании своих правил, так и тем, кто использует линтер, но не знает принципов его работы.

Читать

💭 Можете назвать ваш личный топ-3 инструментов, которые вы используете в ходе разработки/отладки/профилирования веб-приложений? Git в расчет не берем, ведь его и так все используют.

Кажется, это будет VS Code, Chrome DevTools и ...

#холивар #devtool

В продолжение вчерашней темы, ловите 15 полезных советов и рекомендаций по использованию DevTools

Здесь вам и про кейсы получения используемого списка шрифтов, и про измерение произвольного расстояния, и про обнаружение неиспользуемого кода, и про многое другое.

Читать

#devtool

🔥 Новости и обновления популярных инструментов: подборка для фронтендера

◾️ Ecma International утвердила спецификацию ECMAScript 2023
◾️ Анонс TypeScript 5.2 Beta
◾️ Возможности WebKit в бета-версии Safari 17
◾️ Что нового в DevTools (Chrome 116)?
◾️ Firefox 115 и Chrome 116.0.5845.14 для разработчиков
◾️ Примечания к выпуску Safari Technology Preview 173
◾️ NestJS 10
◾️ Ember.js 5.0
◾️ styled-components 6.0
◾️ Remix 1.18.0
◾️ esbuild 0.18.10
◾️ Radash 11.0
◾️ Tween.js 21.0
◾️ psd 0.4
◾️ DOCX 8.2
◾️ NodeBB 3.2

#news

Введение в потоковую передачу данных в вебе: чанки, обработка backpressure с помощью веб-потоков, server-sent events и многое другое.

Читать

Как эффективно тестировать хуки React с помощью Vitest: гайд для фронтенд-разработчика.

Читать

Пример более чистого и краткого способа записи нескольких значений в консоль, по сравнению с console.log(‘values of a/b’, a, b);

#javascript #tip by Shripal Soni