Конференция Angular ng-conf 2023 позади. Ждать записи выступлений еще долго, поэтому пока можно ознакомиться с основным докладом и последними новостями вокруг фреймворка: выпуск Angular 16.1 с поддержкой TypeScript 5.1, RFC: Built-In Control Flow и RFC: Deferred Loading.

Если вы уже знакомы с React, но не чувствуете уверенности в ее использовании с TypeScript, это онлайн-руководство от Matt Pocock точно для вас:

🍿 40+ видео и статей
🔥 21 интерактивный урок и многое другое

👨‍🎓Бесплатный курс по Vue.js от Ильи Климова (JavaScript.Ninja) и Клуба Vue.js-разработчиков

36 практических видеоуроков об архитектуре Vue.js, подводных камнях, концепциях и многом другом.

Смотреть

Артем Коньков, фронтенд-разработчик в СберМаркете, делится историей о любопытстве

Казалось бы, что тут такого? В случае Артема оно превратило небольшую задачу в настоящий квест длиной в 5 спринтов. А задача то была — просто добавить в адреса /v3/ где надо.

Визуальный гайд для изучения Node.js Event Loop: подробное объяснение в духе команды Builder.io

Читать и смотреть

Взгляд на новое ключевое слово using в TypeScript 5.2

using добавляет что-то похожее на управление контекстом Python with в TypeScript, предоставляя способ автоматического запуска функции Symbol.dispose, когда объект выходит из области видимости. Вы можете использовать его для отключения соединений с базой данных, закрытия файловых дескрипторов и т. д.

Читать

Спустя четыре года после выхода Svelte 3.0 представлена новая версия фреймворка

Если вы новичок в Svelte, начните с интерактивного руководства. Хотите перейти на новую версию? Для вас есть руководство по миграции и обновленный сайт.

Постепенно улучшайте 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 и показывает примеры разработки собственных.

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

Читать