MobX или приправа реактивности для JS

в одном компоненте - будет лишний ререндер.

Насколько я знаю лишнего рендера не будет, потому что 18+ реакт будет автоматически батчить такие апдейты, но mobx реакции вызовутся два раза да

MobX или приправа реактивности для JS

Привет, все зависит от того как писать !

У нас тоже были утечки памяти, но они были связаны с тем, что в некоторые reaction не были прикинуты сигналы на удаление

reaction(
    fn1,
    fn2,
    {
      signal: this.abortSignal
    }
)

В общем утечек памяти в самом observer я с уверенностью могу сказать что нет, потому что у нас вкладка с фронтом (два фронта: главное приложение + iframe приложение внутри) после работы GC занимает память 84-86 МB

Важный момент: мы не используем React хуки вовсе в слое представления для БЛ (кроме юайных хуков вроде useTable), поэтому прокси не отправляются в массив зависимостей в хуках, как и не используются в замыканиях в хуках. Это может быть связано с утечками

MobX или приправа реактивности для JS

Да, спасибо за внимательность, допишу об этом моменте в статье!

Этот варнинг убирается через настройку

import { configure } from "mobx"

configure({
    enforceActions: "never"
})

MobX или приправа реактивности для JS

Привет!

В данный момент мы разрабатываем чисто CSR апку, но на гитхабе у меня можно найти пример работы MobX в режиме SSR (GOZON), а также да, как вы упомянули, можно использовать mobx-tanstack-query + написать некий стор который имеет базовое состояние-слепок стейта

Приглашаем на онлайн встречу: Фронтенд как отдельная профессия перестал существовать. Разбираемся, что дальше

Что то кнопка зарегистрироваться не работает

Разбираем Bulletproof React: как не утонуть в хаосе собственного кода

Золотое правило: Если компонент не переиспользуется в двух+ фичах, ему не место в общей components. Он должен жить внутри своей фичи.

Получается если компонент будет переиспользоваться в двух+ фичах, то ему место в общей components? Это же тот же хаос создастся:)

Типобезопасный HTTP API на TypeScript без кодогенерации: @cleverbrush/server и @cleverbrush/client

Честно скажу выглядит очень красиво и аккуратно!

На счёт клиента для фронта увидел такой код, не совсем понял откуда берется api, предполагаю что это целое апи из бэка

import { api } from '@some-shared-library/contract';

const client = createClient(api, {
    baseUrl: 'https://api.example.com',
    getToken: () => localStorage.getItem('token')
});

Если это так, тогда вопрос как обстоят дела с тришейкингом? Не потянется ли в бандл весь api для того чтобы работала типизация на фронте?

Подписка на нейросеть Claude: как оформить доступ быстро и безопасно

Нейростатья + реклама своей платформы 👍

Zed 1.0: эпоха Electron-редакторов — всё

Интересно сравнить что быстрее neovim или zed

Frontend Status: свежий дайджест фронтенда и AI — 18.04.2026

Очень сочный и полезный дайджест, спасибо!

Нормализация состояния в React через реестр сущностей: паттерн на Zustand с рекурсивным парсингом и мягкими удалениями

Тот же пример на "всеми" нелюбимом стейт менеджере...

const UserList = observer(({ userIds }: { userIds: UserId[] }) => {
  const users = userIds
    .map((id) => userStore.users[id])
    .filter(Boolean); 

  return (
    <ul>
      {users.map((u) => (
        <li key={u.id}>{u.fullName}</li>
      ))}
    </ul>
  );
});

Нормализация состояния в React через реестр сущностей: паттерн на Zustand с рекурсивным парсингом и мягкими удалениями

Причём как правило достаточно использовать observer и computed.

И никаких useShallow :)

Хватит просто писать код, попробуйте в нём выжить. Представляем GitCrab 1.0

Взяли в прод, спасибо!

FE-разработчики, перестаньте буквально воспринимать дизайн

Ну и как подметили выше - отображение всего содержимого повышает когнитивную нагрузку, будет разбегаться глаза

FE-разработчики, перестаньте буквально воспринимать дизайн

Тогда не представляю как должно быть "правильно" для этого элемента ввода, с точки зрения UI/UX, потому что растянуть список по высоте до размеров экрана это неполноценное решение, которое все равно заставит скроллить, а отображение огромного модального окна чтобы выбрать эти элементы тоже, на мой взгляд, странно

Как React обновляет UI: trigger → render → commit

В статье не хватает рецепта свиных крылышек

«Яндекс» рассказал об итогах Кубка «Яндекс Образования» по информатике для старшеклассников

Так это разве не основной их рабочий класс ? Выпускники из вузов

FE-разработчики, перестаньте буквально воспринимать дизайн

Да! Нужен конкретный сценарий чтобы подтвердить смысл выпадающего списка с отображением максимально допустимого в экран ))) количества элементов

FE-разработчики, перестаньте буквально воспринимать дизайн

А точно ли отображение фиксированного количества элементов в выпадающем списке (напр. 4.5) является антипаттерном?

В большинстве случаев не имеет ценности отображать выпадающий список высотой во весь экран, чтобы выбрать пару элементов, а в других случаях хватит поиска

Как пережить блокировку GitHub-аккаунта и почему к ней лучше подготовиться заранее

Автор как будто умалчивает реальную причину блокировки, что наводит на определенные мысли, что, вероятно, блокировка не была просто сделана "по ошибке"

К примеру мой аккаунт существует с 2015 года и я активно работаю на GitHub и за все время меня ни разу не блокировали. Может быть это конечно везение?