▫️Разгоняем WebStorm до космических скоростей

#посмотреть

Как превратить WebStorm в ракету для кодинга: оптимизация расширений, космические темы, продвинутые настройки редактора и форматирования. Прокачаем внешний вид, научимся жонглировать горячими клавишами и создавать сниппеты.

⏱Смотреть на YouTube ⏱️35 минут

▫️Что не так с нашим DOM'ом

#посмотреть

Изначально DOM в браузере задумывался для простого чтения данных из HTML. Так как можно было изменить лишь страницу целиком, данные для отображения готовили заранее или на лету на сервере, DOM не проектировался под возможности динамического изменения на стороне клиента.

⏱Смотреть на YouTube ⏱️50 минут

▫️Redux + Redux Toolkit | Продвинутый полный курс

#посмотреть

▪️Базовые концепции Redux
▪️Пример на чистом Redux Reducer
▪️Иммутабельность
▪️Как реализована подписка на Redux
▪️Подключаем React-redux
▪️Как работает useSelector
▪️Правила использования селекторов
▪️Практика работы с селекторами
▪️Разделяем redux на части
▪️combineReducers
▪️Основы Архитектуры
▪️Как разделять store
▪️Практика, разделяем стор на слайсы
▪️Практика createReducer, createAction
▪️Как работает immer
▪️Практика createSlice

⏱Смотреть на YouTube ⏱️3 часа

Как объединять файлы Word с помощью NodeJS

#почитать

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

⏱Читать

▫️Как писать нативные приложения на Android, если ты React-разработчик

#посмотреть

Представьте, что у вас стоит задача в минимальные сроки сделать приложение на Android практически полностью без знаний оного. Оказывается, что подход Kotlin + Jetpack Сompose очень похож на то, что предлагают React и Typescript.

⏱Смотреть на YouTube ⏱️50 минут

Разбор интервью с автором TypeScript о портировании его на Go

#почитать

Анонсирован порт TypeScript на Go, который показывает двухкратное уменьшение использования памяти и десятикратное улучшение скорости

⏱Читать

Инструменты для анализа производительности сайта

#почитать

Речь пойдет об инструментах, с помощью которых можно проанализировать качество спроектированного front-end разработчиком сайта. В качестве наглядного материала используется проект, реализованный на базе Next.js 14-й версии с app router.

⏱Читать

Как уменьшить боль от this в классах javascript

#почитать

На службе была поставлена задача подготовить и передать клиенту js-библиотеку, которая состояла из несколько классов. Каких-то особых трудностей не ожидалось, поскольку библиотека использовалась в нашей конторе уже не один год и была тщательно оттестирована.

Я «причесал» код, перенёс захардкоженные значения и магические числа, которые неизбежно накапливаются в программе при выполнении «очень срочных и важных заданий», в аргументы методов и переменные классов, отредактировал и дополнил документирующие комментарии и уже собирался отправлять пакет клиенту.

Но одна вещь останавливала меня — часть методов ключевого класса для обращения к другим свойствам и функциям своего класса использовала this. Кайл Симпсон удачно назвал такие методы this-aware functions. И неправильный вызов этих функций мог создать проблемы для разработчиков клиента.

⏱Читать

Гиф в 2025 году

#почитать

Вам нужно автовоспроизводящееся зацикленное видео без звука? В разговорной речи именно такое значение имеет слово «гифка». Слово прижилось, но сам формат изображения уже древний и устаревший. Существует множество способов добиться такого результата, но ясно одно: больше нет причин использовать громоздкий формат .gif.

⏱Читать

Теперь CSS функция attr() поддерживает типы

#почитать

CSS функция attr() позволяет извлечь значение атрибута выбранного HTML элемента и использовать его в качестве значения CSS свойства.

⏱Читать

Безопасное взаимодействие с API: от ошибок к стабильности

#почитать

Каждый frontend-разработчик сталкивался с ошибкой вида TypeError: Cannot read property 'name' of undefined. Это часть целого класса ошибок в JavaScript, возникающих из-за несоответствия фактического формата данных ожидаемому. Расскажу, как избавиться от подобных проблем и добиться стабильности, внедрив три ключевых шага: API-слой, Backend-for-Frontend (BFF) и проверку с помощью Zod.

⏱Читать статью

Popover = hint

#почитать

API Popover, представленный в Chrome 114, позволяет создавать доступные плавающие пользовательские интерфейсы, такие как меню и всплывающие подсказки. По умолчанию popover="auto" управляет функциями отключения лёгкого закрытия и управления фокусом, не требуя дополнительных сценариев, как описано в разделе Знакомство с API Popover. При открытии поповера с popover="auto" все остальные безпредковые поповеры с popover="auto" будут закрыты, что обеспечивает эргономичность API, который делает наиболее разумные вещи.

⏱Читать статью

Кнопки с несколькими состояниями

#почитать

Как правило, кнопки либо нажаты, либо нет. Но при условии, что обеспечена доступность, можно сделать группу радиокнопок внешне похожей на кнопку с несколькими состояниями с помощью CSS-хитростей.

⏱Читать