Runners

Примеры

Редактируемые примеры запускаются локально в браузере или WebContainer.

Порядок вывода event loop Редактируйте и запускайте небольшой браузерный JavaScript пример с захватом console output. browser Таблица coercion и equality Сравните ==, ===, Object.is и truthiness для значений, которые часто встречаются на интервью. browser Private counter на closure Используйте closure, чтобы сохранить state private и открыть небольшой public API. browser Prototype delegation lookup Покажите, что prototype methods делегируются, а не копируются в каждый instance. browser Fail-fast reject в Promise.all Запустите небольшой пример Promise.all, чтобы увидеть reject aggregate promise. browser Live binding в ES module Покажите, что imported ES module bindings видят updates из exporting module. browser Metadata cache на WeakMap Свяжите metadata с objects без enumerable access и без strong reachability для keys. browser Guard для unknown boundary Смоделируйте TypeScript-подход: парсинг unknown data перед использованием в коде приложения. browser Discriminated request state Представьте request states как explicit variants и обработайте их через exhaustive-style branching. browser Config table в стиле satisfies Используйте precise config table, сохраняя literal keys и проверяя expected shape. browser Deterministic test fixture Используйте fixed clock и fixture data, чтобы test-style assertion был repeatable. browser Strategy pattern validation Замените validation policy через strategy function, while use case stays stable. browser Outbox и idempotent consumer Смоделируйте commit local state с outbox event и ignore duplicate messages на consumer boundary. browser Состояние нативной валидации формы Используйте Constraint Validation API браузера для required и email без кастомного парсинга. browser Доступная связка ошибки формы Свяжите label, invalid state и текст ошибки через aria-describedby, чтобы assistive technology получала тот же контекст. browser Поведение нативной кнопки Покажите, почему нативная button лучше div с role, когда нужны focus и активация. browser Card layout на container query Создайте component, который меняет grid layout по ширине container, а не viewport. browser Batch style reads и writes Сравните interleaved layout reads/writes с batched approach, который избегает repeated synchronous layout work. browser Делегированная обработка DOM-событий Один слушатель на родителе обрабатывает действия дочерних кнопок и диспатчит небольшой custom event. browser Граница storage и worker Покажите, что local storage — синхронное состояние main thread, а сообщения worker пересекают изолированную границу выполнения. browser Симуляция функционального обновления state Смоделируйте, почему обновления React state, зависящие от предыдущего значения, должны использовать updater-функции. browser Controlled state формы Смоделируйте поток данных controlled input: payload DOM-события становится state, а state управляет отображаемым значением. browser Поток revalidation по cache tag Смоделируйте, как мутация инвалидирует кэшированные чтения по tag без отключения кэша на всех маршрутах. browser Payload границы server/client Покажите форму данных, которые пересекают границу от server work к интерактивному client component. browser Кэш нормализованного селектора Нормализуйте сущности и стройте view model через селектор, который можно инвалидировать после записей. browser Откат optimistic-обновления Примените optimistic-изменение кэша, затем откатите его при симулированной ошибке server mutation. browser Отслеживаемое обновление ref Смоделируйте, как изменение ref пересчитывает зависимый computed в reactivity Vue. browser Дедупликация по fetch key Покажите, как стабильный key позволяет server и client переиспользовать один cached payload. browser Node EventEmitter Запустите маленький Node.js event example через WebContainer, если browser это поддерживает. node Readable stream chunks Запустите tiny stream example, который counts chunks and bytes без manual buffering whole payload. node Graceful shutdown state machine Смоделируйте shutdown sequence: stop accepting work, wait for in-flight work, then exit cleanly. node Middleware validation chain Смоделируйте request validation, handler work и centralized error response shaping без real server. node HTTP idempotency и pagination shape Верните same result for repeated idempotency key и expose cursor-style next page token. node Safe encoding и security headers Encode untrusted HTML text и shape minimal set of defensive response headers. node N+1 query batching Сравните number of lookups in per-row fetching и batched lookup. browser Transaction rollback model Смоделируйте, как failed transaction leaves account balances unchanged. browser Разрешение package exports Разрешите небольшую карту package exports, чтобы показать, как tooling выбирает browser и Node entry points. browser Affected-граф монорепо Пройдите граф зависимостей, чтобы найти пакеты, затронутые изменением shared-пакета. browser Редакция структурированного лога Создайте коррелированную JSON-запись лога с редакцией чувствительных полей. browser Сводка RED-метрик Вычислите rate, errors и duration по небольшой выборке запросов. browser Performance marks и measures Используйте детерминированный performance-style timeline, чтобы показать, зачем измерениям нужны именованные границы. browser Backpressure ограниченной очереди Отклоняйте лишнюю работу, когда ограниченная очередь полна, вместо бесконечного роста latency. browser