▫️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-хитростей.

⏱Читать

Node.js — асинхронность по умолчанию

#почитать

Среда Node.js асинхронна по своей природе и эта особенность, позволяет реализовывать приложения с высокой степенью параллелизма, способных обрабатывать множество запросов одновременно. Весь этот параллелизм, однопоточен, а значит не будет возникать проблем с отладкой и синхронизацией, множества исполняемых потоков. Таким образом мы получаем параллелизм, присущий другим языкам (Java, C#), но никак не можем угодить в состояние гонки (race condition), так как вся работа происходит в одном потоке. И при этом, среда Node.js крайне экономна в вопросе оперативной памяти!

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